jquery-plugins - DataTables から並べ替えオプションを削除するには?

Question

私はDataTables プラグインを使用しています。各にデフォルトで付属するソートオプション（列をASCまたはDESC順にソートする）を使用したくありません<thead>。その並べ替えアイコンを削除するにはどうすればよいですか?

Answer 1

@ravisolanki07 と非常によく似ていますが、これを達成する方法が異なるだけです。

var oTable = $('#example').dataTable( {
    "aoColumnDefs": [
        { "bSortable": false, "aTargets": [ 0, 1, 2, 3 ] }, 
        { "bSearchable": false, "aTargets": [ 0, 1, 2, 3 ] }
    ]
}); 

Answer 2

属性を使用するaoColumnsと、特定の列の並べ替えを簡単に制御できます。以下に例を示します。

$(document).ready(function() {
oTable = jQuery('#DataTables_Table_0').dataTable( {           
            "bDestroy": true,
            "bAutoWidth": true,  
            "bFilter": true,
            "bSort": true, 
            "aaSorting": [[0]],         
            "aoColumns": [
                { "bSortable": false },
                { "bSortable": true },
                { "bSortable": true },
                { "bSortable": true },
                { "bSortable": true },
                { "bSortable": true },
                { "bSortable": false }
            ]   
        } );
 })

Answer 3

次のようbSortableに設定できます。falseaocolumn

$('#example').dataTable({
 "aoColumns": [
                                 { "sType": "html","bSortable": false, "bSearchable": false },
                                 { "sType": "html" },
                                 { "sType": "html", "bSortable": false, "bSearchable": false },
                                 { "sType": "html" },
                                 { "sType": "html","bSortable": false, "bSearchable": false },
                                 { "sType": "html" },
                                 { "sType": "html" },
                                 { "sType": "html" },
                                 { "sType": "date-euro" }
                                 ]

                            });

bSearchableに設定して検索から除外することもできますfalse

Answer 4

たとえばstyle="display:none;"、矢印要素に設定できます。JavaScript を使用してプログラムで設定することも、CSS クラスを使用することもできます。まず、FireBug などの開発者コンソールを使用して、HTML コード (矢印要素) を調べる必要があります。