こんにちは私は次のテーブルデザインを持っています。最初と最後の列を並べ替え可能にしたくありません。それに応じて設定しましたが、アイコンascはまだ最初の列に表示されますが、最後の列には表示されません。しかし、2番目の列を並べ替えようとすると、消えてしまいます。
<table id="userTable" name='userTable' class="table table-striped table-bordered bootstrap-datatable " data-column-defs='[{"sortable": false, "targets": [0,3]}]' style='table-layout: fixed;'>
<thead>
<tr>
<th class="no-sort" style='width: 10%;'>No.</th>
<th style='width: 25%;'>First Name</th>
<th style='width: 20%;'>last Name</th>
<th style='width: 25%;'>Details</th>
</tr>
</thead>
</table>
列の並べ替えを無効にしても、dataTablesの並べ替えorder
は残ります。デフォルトorder
は[0, 'asc']
;です。order
代わりに#2列をターゲットに設定するだけです:
var table = $('#example').DataTable({
//....
order: [[ 1, "asc" ]] //column indexes is zero based
})
デモ-> http://jsfiddle.net/6k26o7mk/
またはorder: []
、デフォルトの順序をまったく必要としない場合に使用します(ユーザーがテーブルを並べ替えるまでアイコンは非表示になります)。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加