代码之家 › 专栏 › 技术社区 › Simon Delaunay

HTML表格固定顶行,无<thead>

phpexcel html-table jquery

Simon Delaunay · 技术社区 · 7 年前

我使用PHPExcel库将Excel文件转换为html表。

已编辑 输出: https://jsfiddle.net/simsimzzz/d1ccqveq/15/

如何(JQuery?)将顶行固定为 <thead> ?

    <table border="0" cellpadding="0" cellspacing="0" id="sheet0" class="sheet0 gridlines">
        <colgroup>
        <col class="col0">
        <col class="col1">
        <col class="col2">
        <col class="col3">
        </colgroup>
<tbody>
          <tr class="row0">
            <td class="column0 style3 s">Client Type</td>
            <td class="column1 style3 s">Client</td>
            <td class="column2 style3 s">NÂ° Incident</td>
            <td class="column3 style3 s">blabla</td>
</tr>
</tbody>

PHPExcel不生成 <thead></thead> ..

编辑 :现在我有一个 <thead></thead> ,如何修复此问题并根据 <tbody>

1 回复 | 直到 7 年前

Roamer-1888 7 年前

看来你需要创建一个 <thead> 然后将标题行从 <tbody> .

尝试以下操作:

jQuery(function($) {
    var $table = $('#sheet0'); // select the table of interest
    var $thead = $('<thead/>').prependTo($table); // create <thead></thead>
    $table.find('tbody tr').eq(0).appendTo($thead); // move the header row from tbody into thead

    // Now the table is ready to have your chosen method applied to fix the position of the thead.

});

推荐文章

Mona Jalal · 在HTML中使用PHP显示表的内容

2 年前

free · 基于特定默认列对表进行排序

2 年前

CRaw · 表格中的标题文本对齐:前2个单元格左对齐,后3个单元格右对齐

2 年前

Bryan Santos · 固定表头与引导

2 年前

Muhammad Moosa Zubairy · 在div之后得到不需要的逗号

2 年前

buckshot · 使用CSS隐藏gridview中的某些列

2 年前

SeniorFluffie · 完整动态HTML表悬停事件不工作

6 年前

Smithy · 如何将此文本置于电子邮件模板中表格行的中心

6 年前

user7158897 · 如何基于地图区域单击显示/隐藏不同的表内容

6 年前

user9727941 · 不知道如何在空白td中插入这些数据

6 年前