如何使用bootstrap设置yadcf数据表的样式？

Question

我把一些或多或少看起来像引导程序的东西一起攻击，但是所有css覆盖似乎都不正确：https://tdamsma.github.io/datatables-yadcf-bootstrap-webpack/yadcf.html 有没有更好的方法来获得具有所有yadcf功能的bootstrap兼容数据？

对于任何感兴趣的人，我把这个例子与webpack，datatables，yadcf和bootstrap的组合放在一起。可在此处获得回复：https://github.com/tdamsma/datatables-yadcf-bootstrap-webpack

Answer 1

如果您想为yadcf过滤器添加其他类，可以对每个过滤器使用style_class

  

  
• style_class               必需：false               类型：字符串               描述：允许添加其他类/类进行过滤 - 可用于以下过滤器：                                   select / multi_select / text / custom_func / multi_select_custom_func
  

Answer 2

您还可以将select2的配置选项传递给yadcf初始化参数select_type_options。

yadcf.init(table, [
    { 
     select_type: 'select2', 
     select_type_options: {theme: 'bootstrap'} 
    }
]);