1

我在我的应用程序中使用 datatable.js 库，但我需要修改 datatable.js 中的某些样式，如果我直接修改 .js 文件中的样式，它工作正常。更改如下所示。

/* Sorting */
        "sSortAsc": "ui-state-default_custom",
        "sSortDesc": "ui-state-default_custom",
        "sSortable": "ui-state-default_custom",
        "sSortableAsc": "ui-state-default_custom",

/* Scrolling */
        "sScrollHead": "dataTables_scrollHead ui-state-default_custom",
        "sScrollFoot": "dataTables_scrollFoot ui-state-default_custom",

但不建议这样做，因为它直接对 lib 进行更改，有没有办法避免和覆盖其他文件中的这些更改并使用它？

4

1 回答 1

2

完全按照源代码中的描述进行操作：

DataTables 的扩展对象，用于提供所有扩展选项。

请注意，DataTable.ext 对象可通过 jQuery.fn.dataTable.ext 访问和操作。

所以，如果你有这样的风格

.my-sorting {
    background-color: red;
}

并且您想在 sortable 中使用该类<thead>而不是默认值，"sSortable": "sorting"只需在dataTable()初始化之前添加它：

jQuery.fn.dataTable.ext.oStdClasses.sSortable='my-sorting';

您可以通过它更改所有上述默认属性，甚至更多，而无需更改原始源。

这是您可以在上面测试的示例：http: //jsfiddle.net/rbUAq/

于 2013-10-23T09:06:17.163 回答