datatables在标题上显示双重订单图标

Question

我正在使用带有bootstrap的数据表创建一个简单的表，并带有此指令

var bTable = $('#example2').DataTable( {
        language: {  url: 'assets/plugins/datatables/i18n/Spanish.json'     },
        processing: true,
        fixedHeader: true,
        serverSide: true,
        responsive:true,
        ajax: "modulos/estados.data.php",
        columns: [
            { data: "id561" },
            { data: "des561" },
            { data: "accion561" },
            { data: "res561" }
        ],
        order: [[ 1, "asc" ]],
        columnDefs: [
            {
                targets : 0,
                searchable: false,
                render: function ( data, type, row ) 
                { return row.id561 }
            },
            {
                targets : 1,
                searchable: true,
                render: function ( data, type, row ) 
                { return data }
            },
            {
                targets : 2,
                searchable: false,
                render: function ( data, type, row ) 
                { return data }
            },
            {
                targets : 3,
                orderable: false,
                searchable: false,
                render: function ( data, type, row ) 
                { return data }
            }
        ]
    } );

问题是它在标题上显示的顺序图标两次，如图所示

问题是只激活Bootstrap css，如果我使用jquery它的作品

感谢您的帮助！

Answer 1

确保您不包含DataTables CSS文件（jquery.dataTables.min.css），仅包括dataTables.bootstrap.min.css。

如果您使用的是Download Builder，请在样式部分中选择引导程序。如果您已经包含Bootstrap，请选择无样式库，否则选择包含库以包含最新的Bootstrap。

有关正确用法的说明，请参阅this example。

Answer 2

执行此操作...

table.dataTable thead .sorting_asc, .sorting_desc, .sorting {
    background-image: none !important;
}