Question

我有一个jquery ui可排序的表，我不想排序第一列，我的表是这样的

Pos | Name | Age
----------------------
GK  | Dani | 16
ZQ  | Joe  | 17

JS

$(function(){
  $('#players').sortable();
});

Html：

<table>
  <thead>
    <tr>
      <th>Pos</th>
      <th>Name</th>
      <th>Age</th>
    </tr>
  </thead>
  <tbody id="players">
    <tr>
      <td>Gk</td>
      <td>Dani</td>
      <td>16</td>
    </tr>
    <tr>
      <td>ZQ</td>
      <td>Joe</td>
      <td>11</td>
    </tr>
  </tbody>
</table>

不管我如何排序我不希望 Pos 列的行也按照我的代码排序， GK 总是必须保持第一行 ZQ 总是在第2行，我读了Jquery ui文档的this section，但我承认我不明白如何将它应用到我的场景中。

Answer 1

您可以使用两个表格。首先，你将拥有Pos，其次是其他数据。然后你可以将.sortable（）应用到第二个表。

代码：

<table>
    <tr>
        <td>
            <table>
                <thead>
                    <tr>
                        <th>Pos</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Gk</td>
                    </tr>
                    <tr>
                        <td>ZQ</td>
                    </tr>
                </tbody>
            </table>
        </td>
        <td>
            <table>
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Age</th>
                    </tr>
                </thead>
                <tbody id="players">
                    <tr>
                        <td>Dani</td>
                        <td>16</td>
                    </tr>
                    <tr>
                        <td>Joe</td>
                        <td>11</td>
                    </tr>
                </tbody>
            </table>
        </td>
    </tr>
</table>

Example

不要对Jquery ui排序的表的特定列进行排序

1 个答案: