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>