如何根据另一列的值对一列进行排序：jquery tablesorter

Question

我正在使用 motti 中的 tablesorter 对 html table.I 进行排序我无法找到根据另一个列值对特定列进行排序的方法。在我的例子中，想根据 LASTNAME 列值对 FULLNAME 列进行排序，这基本上是 hidden.Is 这可能吗？谢谢:-)

  <table id="tblDetails">
<thead>
    <tr>
        <th>FULL NAME</th>
        <th style="display:none;">LAST NAME</th>
        <th>GENDER</th>
        <th>ADDRESS</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>James</td>
        <td style="display:none;">Peter</td>
        <td>male</td>
        <td>washington dc</td>
    </tr>
    <tr>
        <td>jennifer</td>
        <td style="display:none;">lopez</td>
        <td>female</td>
        <td>New york</td>
    </tr>
    <tr>
        <td>Harrison</td>
        <td style="display:none;">Ford</td>
        <td>male</td>
        <td>washington dc</td>
    </tr>
</tbody>

Answer 1

正在查找文档：https://mottie.github.io/tablesorter/docs/#methods 似乎您可以处理所需列上的 click 事件（如任何 HTML 元素单击），然后触发对另一列的排序：

$('table').find('th:eq(2)').trigger('sort');

Answer 2

简单的解决方案是在列 (FULLNAME) 之前添加一个隐藏的范围或标签。它将根据第一个添加的值进行排序

      <table id="tblDetails">
    <thead>
        <tr>
            <th>FULL NAME</th>
            <th>GENDER</th>
            <th>ADDRESS</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><span style="display:none;">Peter</span>James</td>
            <td>male</td>
            <td>washington dc</td>
        </tr>
   <tr>
        <td><span style="display:none;">lopez</span>jennifer</td>
        <td>female</td>
        <td>New york</td>
    </tr>
    </tbody>
    </table>

如何根据另一列的值对一列进行排序：jquery tablesorter

How to sort one column depend on the value of another : jquery tablesorter

html

sorting

jquery

tablesorter