1

私は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);
            };
            });

しかし、まだ機能していません。これらの行はソートされています。どこでも検索しました。誰か助けてください、ありがとう

4

2 に答える 2

0

最後の行を 'tfoot' 要素に配置する必要があります (代わりに tfooter を使用しました)。並べ替え防止になります

于 2014-05-22T13:27:06.920 に答える