Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery表排序问题-跳过列将禁用第一次鼠标单击_Javascript_Jquery_Html_Datatables_Tablesort - Fatal编程技术网

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

Javascript JQuery表排序问题-跳过列将禁用第一次鼠标单击,javascript,jquery,html,datatables,tablesort,Javascript,Jquery,Html,Datatables,Tablesort,我已经用js fiddle创建了一个基本表。我使用的是datatable sorter功能,但是如果您沿着标题单击,或者单击标题,跳过一个并单击另一个,它似乎会忽略第一次鼠标单击。(要复制问题,请单击确认期,然后单击ABN,然后单击返回确认期) 有什么想法吗 <table id="tableSort" class="tableSort" cellspacing="0" style="margin-top:20px;margin-left:10px;"> <thead>

我已经用js fiddle创建了一个基本表。我使用的是datatable sorter功能,但是如果您沿着标题单击,或者单击标题,跳过一个并单击另一个,它似乎会忽略第一次鼠标单击。(要复制问题,请单击确认期,然后单击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>
}))


jsIDLE:

该表实际上按照预期进行排序。列没有排序的原因有两个:

  • 您的表中没有足够的行来评估排序是否有效。再添加几行数据,你就会明白我的意思了
  • 由于您已使用自定义样式从标题行中删除了箭头,因此无法准确衡量排序的行为。如果添加默认CSS样式,则可以看到列的排序方向
  • 在这里,我添加了足够的行,以使列看起来排序正确

    我只是在你的小提琴上多加了几行:

    <tr>
            <td>1</td>
            <td>a</td>
            <td>34</td>
            <td>78</td>
            <td>b</td>
    </tr>
    
    
    1.
    A.
    34
    78
    B
    
    感谢您的回复。我不确定您是否看过JSFIDLE示例?
    1。箭头不会妨碍分拣。分拣工作正常
    2。有两行数据显示排序正在工作。
    要复制问题,请单击确认期,然后单击ABN,然后单击返回确认期…参见更新。我更新了你的小提琴,让你明白我的意思。您是否像我建议的那样添加了额外的数据行?主要问题是您只有两行数据,这不足以评估排序是否有效。我建议重新添加CSS样式,这样您就可以看到箭头,更好地衡量排序的工作方式。@Angavar…明白了!太奇怪了…它正在处理两行,但是有一个延迟。关于添加更多行,你是对的,我只是看不出逻辑?不管怎样,谢谢@Angavar…更多信息-该表看起来最多可对2列进行排序,因此,对于少量(2行)数据,它看起来似乎是唯一对其中一列进行排序的表,然后忽略鼠标单击,而实际上它正试图同时对下一列进行排序。。。
    <tr>
            <td>1</td>
            <td>a</td>
            <td>34</td>
            <td>78</td>
            <td>b</td>
    </tr>