Dynatable 打破了 Dynamic HTML Headers

Question

我创建了一个 Dynatable，我动态制作了 Table Headers。 Dynatable 在运行时出错，因为它无法在 HTML.

中找到 Headers

ERROR:Uncaught Error: Couldn't find any columns headers in 'thead tr th,td'. If your header row is different, specify the selector in the table: headRowSelector option.

参见FIDDLE：https://jsfiddle.net/0ycqnaxg/6/

如果 HTML 包含：

工作FIDDLE：https://jsfiddle.net/0ycqnaxg/9/

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

但为了允许动态创建，我将 thead 留空了。

Answer 1

我已经改用 Datatables。它对我来说是解决方案，而不是这个问题的确切解决方案。为了将来参考，datatables 允许您根据列 headers;

的数组动态创建 headers

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

Answer 2

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

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

Dynatable 打破了 Dynamic HTML Headers

Dynatable broke with Dynamic HTML Headers

javascript

jquery

dynatable