jquery - 我如何更改 dataTables_filter css 类

Question

我正在用 asp 开发一个网页，我使用 DataTable 插件。我想更改 dataTables_filter 类中的样式，但我没有找到这个 .css 类，我不知道该怎么做。

<div class="dataTables_filter" id="tabla_reserva_filter" style=""></div>

我想找到 .css 并修改样式。

谢谢，

此致。

O. 梅里安。

Answer 1

如果您查看 GitHub 上的 jQuery DataTables 的 css 文件（截至 2013 年 5 月 27 日），您会注意到第 61-67 行有css class name问题。

https://github.com/DataTables/DataTables/blob/master/media/css/jquery.dataTables.css#L61-67

/*
 * Filter
 */
.dataTables_filter {
    float: right;
    text-align: right;
}

但是，除了尝试更改源.css文件之外，您还可以考虑编写自己的 css 规则，该规则覆盖您认为适合在数据表默认 css之后出现的样式表中的任何属性。

Answer 2

如果您使用的是自定义样式之一，请确保以正确的顺序加载 javascript 文件：

 "~/Scripts/jquery.dataTables.min.js",
 "~/Scripts/dataTables.bootstrap.min.js"