JQuery Table 排序问题 - 跳过列会禁用第一次鼠标单击

Question

我在 js fiddle 中创建了一个基本的 table。我正在使用 datatable 排序器功能，但是如果您单击 headers，或单击 header，跳过一个并单击另一个，它似乎会忽略第一个 [=27] =]. （要复制该问题，请点击确认期，然后点击 ABN，然后返回确认期）

有什么想法吗？

<table id="tableSort" class="tableSort" cellspacing="0" style="margin-top:20px;margin-left:10px;">
<thead>
    <tr>
        <th>Confirmation Period</th>
        <th>Legal/Entity Name</th>
        <th>ABN</th>
        <th>Business/Trading Name</th>
        <th>Status</th>
    </tr>
</thead>
<tr>
    <td>1</td>
    <td>a</td>
    <td>34</td>
    <td>78</td>
    <td>b</td>
</tr>
<tr>
    <td>2</td>
    <td>c</td>
    <td>100</td>
    <td>90</td>
    <td>g</td>
</tr>

和 JS...

$(document).ready(function () {
    $('#tableSort').dataTable({
        "searching": false,
            "paging": false,
            "info": false
});

});

jsfiddle: http://jsfiddle.net/wcdg3ddL/

Answer 1

table 实际上正在按预期排序。列未排序的原因有两个：

您 table 中的行数不足，无法评估排序是否有效。多加几行数据，你应该明白我的意思了。
因为您已经使用自定义样式从 header 行中删除了箭头，所以您无法准确判断排序的表现。如果添加默认 CSS 样式，您可以看到列的排序方向。

这是一个 fiddle，我在其中添加了足够多的行，因此列看起来排序正确。

我刚刚向你的 fiddle 添加了更多行：

<tr>
        <td>1</td>
        <td>a</td>
        <td>34</td>
        <td>78</td>
        <td>b</td>
</tr>

JQuery Table 排序问题 - 跳过列会禁用第一次鼠标单击

JQuery Table Sort issue - Skipping column disables first mouse click

html

javascript

jquery

datatables

tablesort