Jquery 如何更改默认css的“css”；“数据表”；打印按钮？

如何更改datatable插件中打印和excel按钮的css

                    $('#order_table').DataTable({
                        dom: 'Brtip',
                        buttons: [
                             'print','excel'
                        ]
                    });
                });

---

每个按钮都有一个唯一的基类

。按钮打印

，

。按钮excel

，

。按钮复制

等。因此，您可以直接使用CSS设置按钮样式

。按钮打印{
背景色：红色；
颜色：白色；
}
.按钮excel{
背景颜色：蓝色；
颜色：白色；
}

演示->

---

将

.btn default

替换为

.btn primary

：

$('.buttons-excel, .buttons-print').each(function() {
   $(this).removeClass('btn-default').addClass('btn-primary')
})

演示->

var orderDataTable=$（“#order_table”）.DataTable({
dom:'Brtip'，
按钮：[
“打印”、“excel”
]
});
var tableTools_obj=new$.fn.dataTable.tableTools（orderDataTable{
“sSwfPath”：“swf/copy_csv_xls_pdf.swf”，
“阿布顿”：[
{
“性倾向”：“xls”，
“缝合”：“订单报告”，
“sToolTip”：“导出到Excel”，
“sButtonClass”：“btn btn透明btn主btn工具栏”//在这里，您可以使用自定义样式提供所有与按钮相关的类。
“sbuttonext”：“”//覆盖Datatables的默认图标，这里我使用了一些图标
//“mColumns”：getExportableColumnsIndex（）；//用于从导出的表单中筛选出隐藏的或不需要的列。
//通常它需要索引上的数组，我更喜欢调用具有一些逻辑处理并返回所需索引的函数。
}
]
});

为此，必须添加datatables的TableTools插件

---

让我知道这是否有用。

它发生在两组独立的代码中。首先初始化Datatables，然后使用Datatables的TableTools插件来定义按钮样式和功能，我也做了类似的事情。如果您想让我帮助您解决问题，请告诉我。请分享我正在使用的引导解决方案的代码或提示。我必须将默认css类更改为“btn primary”。@AbdulRazak，那么您想更改默认注入类，而不是css本身？请参阅更新。

   var orderDataTable =  $('#order_table').DataTable({
                        dom: 'Brtip',
                        buttons: [
                             'print','excel'
                        ]
                    });



     var tableTools_obj = new $.fn.dataTable.TableTools(orderDataTable , {
                    "sSwfPath": "swf/copy_csv_xls_pdf.swf",
                    "aButtons": [                           
                            {
                                "sExtends": "xls",
                                "sTitle": "OrdersReport",
                                "sToolTip": "Export to Excel",
                                "sButtonClass": "btn btn-transparent btn-primary btn-toolbar", // Here you can give all the classes realated to button with custom styles.
                                "sButtonText": "<i title='Export To Excel' class='ace-icon fa fa-file-excel-o white icon-tooltip'></i>", //overriding the default icon of Datatables, Here I am using Fontawsome icons
                               // "mColumns": GetExportableColumnsIndexes(); //this is to filter out hidden or unwanted columns form being exported.
                              // Usually it requires array on indexes, I prefer to call a function with some logic handling and returning the  required indexes.
                            }
                        ]
                    });