不在Jquery ui sortable上对表的特定列进行排序

不在Jquery ui sortable上对表的特定列进行排序,jquery,jquery-ui,Jquery,Jquery Ui,我有一个带有jQueryUISortable的表,我不想对第一列进行排序,我的表是这样的 Pos | Name | Age ---------------------- GK | Dani | 16 ZQ | Joe | 17 JS Html: <table> <thead> <tr> <th>Pos</th> <th>Name</th> <th>

我有一个带有jQueryUISortable的表,我不想对第一列进行排序,我的表是这样的

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

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>

销售时点情报系统
名称
年龄
Gk
丹尼
16
ZQ
乔
11

不管我如何排序,我不想让Poscollumn也被排序,按照我的代码,GK总是在第一行,而ZQ总是在第二行,我读过Jquery ui文档,但我承认我不明白如何将其应用到我的场景中。

你可以使用两个表。首先,您将拥有Pos,其次是其他数据。然后可以将.sortable()应用于第二个表

代码:


销售时点情报系统
Gk
ZQ
名称
年龄
丹尼
16
乔
11

您只需要使用一张桌子吗?我建议有两个表,第一列有一个表不应排序,其余列有一个表应排序,您可以对第二个表应用排序。我不认为你给出的链接谈论了你的问题。它将基于类名禁用整行
<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>
<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>