繁体   English   中英

DataTables 1.9.4禁用对特定行的排序

[英]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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</td>
<td>Balance</td>
<td>$300</td>
<td>edit</td>
</tr>
</tfooter>
</table>

您应该将最后一行放置在“ tfoot”元素中(您改用了tfooter)。 它将防止排序

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM