[英]DataTables 1.9.4 disable sorting for specific row
我正在使用DataTables 1.9.4
表
<table border="0" cellpadding="0" cellspacing="0" class="display" id="example">
<thead>
<tr><th>Date</th><th>Discription</th><th>Amounts</th><th class="no-sort">Edit</th></tr>
</thead>
<tbody>
<tr class="no-sort"><td> </td><td>Starting money</td><td>$500</td><td>edit</td></tr>
<tr><td>2013-08-25</td><td>Payment out</td><td>-20</td><td>edit</td></tr>
<tr><td>2013-08-26</td><td>a Given money</td><td>-80</td><td>edit</td></tr>
<tr><td>2013-08-27</td><td>Fees taken</td><td>-100</td><td>edit</td></tr>
<tr class="no-sort"><td> </td><td>Balance</td><td>$300</td><td>edit</td></tr>
</tbody>
</table>
我试图使第一行和最后一行不进行排序,而编辑列不对此代码进行排序
$(document).ready(function() {
oTable = $('#example').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"iDisplayLength": 10,
"aaSorting": [[ 0, "asc" ]],
"oLanguage": {
"sZeroRecords": "No records to display"
}
});
var $tr = $('#example tr.no-sort');
var mySpecialRow = $tr.html();
var opts = {};
opts.fnDrawCallback = function(){
$('#example tbody').prepend(mySpecialRow);
};
});
但是这些行仍在排序,但仍然无法正常工作,我已经搜索了每一个可以在任何地方提供帮助的地方,谢谢
我认为您需要在thead中再添加一行,并在tfooter中再添加一行,这可能不会有所帮助。
<table border="0" cellpadding="0" cellspacing="0" class="display" id="example">
<thead>
<tr>
<th>Date</th>
<th>Discription</th>
<th>Amounts</th>
<th>Edit</th>
</tr>
<tr class="no-sort">
<td> </td>
<td>Starting money</td>
<td>$500</td>
<td>edit</td>
</tr>
</thead>
<tbody>
<tr>
<td>2013-08-25</td>
<td>Payment out</td>
<td>-20</td>
<td>edit</td>
</tr>
<tr>
<td>2013-08-26</td>
<td>a Given money</td>
<td>-80</td>
<td>edit</td>
</tr>
<tr>
<td>2013-08-27</td>
<td>Fees taken</td>
<td>-100</td>
<td>edit</td>
</tr>
</tbody>
<tfooter>
<tr class="no-sort">
<td> </td>
<td>Balance</td>
<td>$300</td>
<td>edit</td>
</tr>
</tfooter>
</table>
您应该将最后一行放置在“ tfoot”元素中(您改用了tfooter)。 它将防止排序
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.