Question

我在我的应用程序中使用了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进行更改，有没有办法避免和覆盖其他文件中的这些更改并使用它？

Answer 1

完全按照源代码中描述的那样做：

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

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

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

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

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

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

您可以在不更改原始来源的情况下更改上述所有默认属性等等。

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

如何覆盖.js文件内容

1 个答案: