数据表：如何在使用 JS

问题描述

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

例如：

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

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

解决方法

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

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

datatables javascript