javascript - 如何删除 dataTables 按钮的默认按钮类？

Question

我正在使用带有按钮的数据表。我想显示成功按钮而不是默认按钮。 我试过这段代码

buttons: [
{
extend: "excel",
className: "btn-sm btn-success",
titleAttr: 'Export in Excel',
text: 'Excel'
}]

此代码有效，但这是添加 btn-success 类，但我想先删除 btn-default 类，然后再添加成功类。

当前类(class):"btn btn-default buttons-excel buttons-html5 btn-sm btn-success"

我想要的:"btn buttons-excel buttons-html5 btn-sm btn-success"

Answer 1

是的，这真的很烦人。不使用 bootstrap 也是一样的，即使你声明了 className，也会添加 .dt-button。有一个 init您可以使用回调来修改例如类:

$('#example').DataTable( {
  dom: 'Bfrtip',
  buttons: [{
    extend: "excel",
    className: "btn-sm btn-success",
    titleAttr: 'Export in Excel',
    text: 'Excel',
    init: function(api, node, config) {
       $(node).removeClass('btn-default')
    }
  }]
});

演示 -> https://jsfiddle.net/m6hysypd/

---

更新:收到了很多关于此的投票，但正确或最佳 答案实际上是“DavidDomains”的答案 below .使用

buttons: {
  dom: {
    button: {
      className: ''
    }
  },
  buttons: [{
    //here comes your button definitions
  }]
}