5

我在 js fiddle 中创建了一个基本表。我正在使用数据表排序器功能，但是如果您单击标题或单击标题，跳过一个并单击另一个，它似乎忽略了第一次鼠标单击。（要复制问题，请单击确认期，然后单击 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/

4

1 回答 1

1

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

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

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

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

<tr>
        <td>1</td>
        <td>a</td>
        <td>34</td>
        <td>78</td>
        <td>b</td>
</tr>
于 2015-05-12T03:39:09.270 回答