动态HTML头破坏了Dynatable

Question

我已经创建了一个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>

但是为了允许动态的创造，我已经把头空了。

Answer 1

出于某种原因，Dynatable在动态创建头部时使用'thead‘作为headRowSelector，并在其中搜索'th’。简单的解决方案是明确地将‘headRowSelector’指定为“thead”。

$('#my-table').dynatable({
    table: {
        headRowSelector:'thead',
    },
    dataset: {
        records: columns
    }
});

Answer 2

我已经开始使用数据表了。这是我的解决办法，而不是这个问题的确切解决办法。为了将来的参考，数据允许您基于列标题数组动态创建标头；

$('#example thead tr,tfoot tr').append('<th>' + value + '</th>');