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

Question

我用js小提琴创建了一个基本表.我正在使用数据表分类器功能,但是如果您单击标题,或单击标题,跳过一个并单击另一个,它似乎忽略第一次鼠标单击.(要复制问题,请单击确认期,然后单击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

该表实际上按预期排序。列看起来未排序的原因有两个：

1. 表中的行数不足以评估排序是否有效。再添加几行数据，您应该明白我的意思。
2. 由于您已使用自定义样式从标题行中删除了箭头，因此您无法准确地衡量排序的行为方式。如果添加默认的 CSS 样式，您可以看到列的排序方向。

这是一个小提琴，我在其中添加了足够的行，以便列看起来可以正确排序。

我刚刚在你的小提琴中添加了更多行：

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