jquery - angular fixed-table-header.js 排序后未正确对齐

Question

我正在使用fixed-table-header.min.js，默认情况下工作正常，而在我的排序（服务器端排序）之后，网格对齐会丢失。我的意思是标题和 tbody 不是内联的。有什么帮助吗？

    <table>
      <thead fix-head>
        <tr>
          <th width="20px">Col 1</th>
          <th width="80px">Col 2</th>
          <th width="20%">Col 3</th>
          <th width="30%">Col 4</th>
          <th width="20%">Col 5</th>
          <th width="10%">Col 6</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>value 1111</td>
          <td>value 2222</td>
          <td>value 3333</td>
          <td>value 44444</td>
          <td>value 55555</td>
          <td>value 66666</td>
        </tr>
        <tr>
          <td>value 1111</td>
          <td>value 2222</td>
          <td>value 3333</td>
          <td>value 44444</td>
          <td>value 55555</td>
          <td>value 66666</td>
        </tr>
        <tr>
          <td>value 1111</td>
          <td>value 2222</td>
          <td>value 3333</td>
          <td>value 44444</td>
          <td>value 55555</td>
          <td>value 66666</td>
        </tr>
      </tbody>
    </table>                    


<!-- end snippet -->

Answer 1

使用以下代码可以轻松冻结表格行

  table thead {
      position: fixed;
    }