HTML表固定顶行没有

时间:2017-12-28 14:54:42

标签: jquery html-table phpexcel

我使用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 个答案:

答案 0 :(得分:2)

似乎您需要创建<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.

});