Javascript JQuery表排序问题-跳过列将禁用第一次鼠标单击
我已经用js fiddle创建了一个基本表。我使用的是datatable sorter功能,但是如果您沿着标题单击,或者单击标题,跳过一个并单击另一个,它似乎会忽略第一次鼠标单击。(要复制问题,请单击确认期,然后单击ABN,然后单击返回确认期) 有什么想法吗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>
<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:该表实际上按照预期进行排序。列没有排序的原因有两个:
<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>