aui datatable添加css类

时间:2018-06-08 08:17:00

标签: javascript liferay-aui

我有以下JavaScript来创建DataTable。它渲染得很好,但我想在生成的html中添加一个css类(不是在包装div或类似的东西中)。

var columns = [
    {
        key: "colA",
        label: "columnA",
        sortable: true
    },
    ...
];

var data = { /* json data */ };

var myDatatable = new A.DataTable({
    columnset : columns,
    recordset : data
});

myDatatable.render("#dataTable");

基础html

<div id="dataTable"></div>

生成的html

<div id="dataTable">
    <table [a bunch of aui classes]>
        ...
    </table>
</div>

有没有办法通过向上面的className构造函数添加DataTable之类的参数来执行此操作?我尝试在那里添加className,但它没有用。我在文档中读到你可以为列指定它,但我希望它在整个表中。

我现在用

解决了这个问题
A.one("#dataTable table").addClass("some-class");

但似乎很奇怪,我无法在其他地方指定它作为选项。还有其他人有这个问题吗?

0 个答案:

没有答案