4

我创建了一个 Dynatable,我动态地制作了表头。Dynatable 在运行时会出现错误,因为它无法在 HTML 中找到标题。

错误:未捕获的错误:在“thead tr th,td”中找不到任何列标题。如果您的标题行不同,请在表中指定选择器:headRowSelector 选项。

见小提琴:https ://jsfiddle.net/0ycqnaxg/6/

如果 HTML 包含以下内容,它确实会起作用:

工作小提琴:https ://jsfiddle.net/0ycqnaxg/9/

<thead>
    <th>FirstName</th>
    <th>LastName</th>
  </thead>

但是我已经将thead留空以允许动态创建。

4

2 回答 2

2

出于某种原因,Dynatable 在动态创建标题时使用“thead tr”作为 headRowSelector 并在其下搜索“th”。简单的解决方案是明确指定 'thead' 作为 headRowSelector。

$('#my-table').dynatable({
    table: {
        headRowSelector:'thead',
    },
    dataset: {
        records: columns
    }
});
于 2015-07-21T14:43:59.933 回答
1

我已切换到使用数据表。它对我来说是解决方案,而不是这个问题的确切解决方案。为了将来参考,数据表允许您基于列标题数组动态创建标题;

$('#example thead tr,tfoot tr').append('<th>' + value + '</th>');
于 2015-03-26T17:57:49.807 回答