Javascript DataTables 1.9.4禁用特定行的排序
我使用的是DataTables 1.9.4 桌子Javascript DataTables 1.9.4禁用特定行的排序,javascript,jquery,datatables,Javascript,Jquery,Datatables,我使用的是DataTables 1.9.4 桌子 但是这些行仍在排序,我已经搜索了每一个地方,请任何人帮助,谢谢,我想你需要在AD中再添加一行,在tfooter中添加一行,这可能会有所帮助 <table border="0" cellpadding="0" cellspacing="0" class="display" id="example"> <thead> <tr> <th>Date</th> <th>Discript
但是这些行仍在排序,我已经搜索了每一个地方,请任何人帮助,谢谢,我想你需要在AD中再添加一行,在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>
您应该将最后一行放在使用了tfooter的“tfoot”元素中。这将阻止排序您尝试过吗这不适用于我的情况这可能是一条评论
$(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);
};
});
<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>