对要删除的数据表中的箭头进行排序

Question

需要帮助删除数据表标题行上的排序箭头（asc和desc），然后当用户单击标题列时，将出现一个升序箭头，当然数据将按asc顺序排序

Answer 1

 $("#MyDataTable").dataTable({            
 "aoColumns": [{"bSortable": false}, null]        
 }); 

Answer 2

＆＃34; aoColumnDefs＆＃34;：[{＆＃34; bSortable＆＃34;：false，＆＃34; aTargets＆＃34;：[1,3]}]

从第二列和第四列中删除排序箭头。

参考 - ＆gt; http://wordpress.org/support/topic/plugin-wp-table-reloaded-removing-the-updown-sorting-arrows-on-specific-columns

Answer 3

在dataTables.Bootstrap.css中有三个类添加这些排序图像。它们是排序，sorting_asc和sorting_desc。在DataTable初始化期间禁用排序，如＃34; satej kumar sahu＆＃34;通过bSortable：false。然后为标题做一个removeClass，我的标题有一个id =＆＃34; division＆＃34;。然后为标题创建一个click事件，相同的id，以执行另一个removeClass以保留任何其他功能，在我的情况下，通过columnFilter保留列下拉列表。查看附加代码。

＆＃13;

＆＃13;

$('#example').dataTable({
            "order": [[1, "asc"], [7, "asc"], [4, "asc"]],
            "aoColumnDefs": [{ "bSortable": false, "aTargets": [1]}],
            "columns":[null, {className: ""}, null, null, null , null, null, null, null, null]
        }).columnFilter({
            sPlaceHolder: "head:after",
            aoColumns: [null, { type: "select" }, null,
            null, null, null, null, null, null, null]
        });
        $('#division').removeClass('sorting sorting_asc sorting_desc');


$('#division').click(function () {
        		    $('#division').removeClass('sorting sorting_asc sorting_desc');
        		});

＆＃13;

table.dataTable thead .sorting { background: url('../images/sort_both.png') no-repeat center right; }
table.dataTable thead .sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
table.dataTable thead .sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

＆＃13;

<thead>
                    <tr class="info">                                     
					    <th scope="col">Title</th>
					    <th id="division" scope="col">Division</th>                        
                        <th scope="col">Attendee</th>
                        <th scope="col">Supervisor</th>
					    <th scope="col">Start Date</th>
					    <th scope="col">End Date</th>
                        <th scope="col">Duration(hr)</th>
					    <th scope="col">Fee</th>
                        <th scope="col">Status</th>
                        <th scope="col">Comments</th>					   
                    </tr>    
                </thead>

＆＃13;

＆＃13;

＆＃13;

Answer 4

> This is Best Answer for removing sort arrow
> 
> 
> $('#itjbg-table').dataTable({
>     'columnDefs': [{ 'orderable': false, 'targets': 0 }], // hide sort icon on header of first column
>     'aaSorting': [[1, 'asc']] // start to sort data in second column });

Answer 5

我从您的问题中得到的是，您希望从表中删除初始排序，并仅在用户单击列标题时进行排序。您可以使用以下代码执行此操作：

$(document).ready( function() {
  $('#example').dataTable( {
    "aaSorting": []
  } );
} );

http://datatables.net/ref#aaSorting

Answer 6

如何移除数据库/图标!​​!

在css文件中使用以下代码： 如果你看到表头上的列glyph-cons使用这个!!

th.sorting_asc::after, th.sorting_desc::after { content:"" !important; }

如果你看到Table数据上的字形缺点，请使用!!

td.sorting_asc::after, td.sorting_desc::after { content:"" !important; }

简短地改变 “this” 部分，其中 class =“sorting_desc / asc”位于。

的 的的

"this".sorting_asc::after, "this".sorting_desc::after { content:"" !important; }