如何使用引导程序设置 yadcf 数据表的样式？答案

【问题标题】：How to style a yadcf datatable with bootstrap?如何使用引导程序设置 yadcf 数据表的样式？
【发布时间】：2016-12-08 16:13:10
【问题描述】：

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

对于任何感兴趣的人，我将这个示例与 webpack、datatables、yadcf 和 bootstrap 的组合放在一起。此处提供回购：https://github.com/tdamsma/datatables-yadcf-bootstrap-webpack

【问题讨论】：

标签： yadcf

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

style_class 必需：假类型：字符串描述：允许添加额外的类/类来过滤 - 可用于以下过滤器： select / multi_select / text / custom_func / multi_select_custom_func

【讨论】：