Dynatable сломался с динамическими заголовками HTML

Question

Я создал Dynatable, я динамически создавал заголовки таблиц. Dynatable дает ошибку при запуске, поскольку он не может найти заголовки в HTML.

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.

SEE FIDDLE: https://jsfiddle.net/0ycqnaxg/6/

Это работает несколько, если HTML содержит:

Рабочая скрипку: https://jsfiddle.net/0ycqnaxg/9/

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

Но я оставил THEAD пустым, чтобы позволить динамическое создание.

Answer 1

По какой-то причине, Dynatable использует «THEAD тр» как headRowSelector, когда заголовки создаются динамически и он ищет «й» при этом. Простое решение - явно указать «thead» как headRowSelector.

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

Answer 2

Я переключился на использование Datatables. Его решение для меня, просто не точное решение этого вопроса. Для дальнейшего использования, datatables позволяет создавать заголовки динамически на основе массива заголовков столбцов;

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