时间戳

首页 > 解决方案 > 数据表：使用 JS 初始化时如何创建复杂的表头

javascript - 数据表：使用 JS 初始化时如何创建复杂的表头

问题描述

我正在尝试使用具有复杂标题的 Datatables 创建一个表，例如此处的示例。但是，Datatables 中的示例使用 HTML 来定义标题。我使用我构建的 AEM 组件创建数据表，该组件仅允许 JavaScript 初始化并在 JS 中定义列而不是 HTML

例如：

"columns": [
    { "title": " ", "className": "all" },
    { "title": "Cyclosporin", "className": "all" },
    { "title": "Tacrolimus", "className": "desktop tablet-l" },
    { "title": "Everolimus.", "className": "desktop tablet-l" },
    { "title": "Sirolimus", "className": "desktop tablet-l" },
]

有什么方法可以使用 js 创建复杂的标题来定义列，还是我必须编辑组件以允许在 HTML 中创建标题？

标签： javascriptdatatables

解决方案

不，我认为您不必编辑组件。只需编写一个函数来添加具有rowspan和colspan属性的标题并在初始化 Table 上的 DataTable() 之前调用它。

正如这里的文档所说，DataTables 完全支持表头中的 colspan 和 rowspan。不确定，如果我正确理解您的问题，但如果只是添加标题，那么我希望它对您有所帮助

推荐阅读