Динамические столбцы в jquery Datatable
У меня есть требование, в котором таблица данных продолжает изменяться в зависимости от каждой ссылки.
link1
link2
Если я нажму на ссылку1, необходимо создать таблицу данных с определенными столбцами и их данными,
если мы нажмем ссылку1, данные будут
var data = [
[ "Row 1-Field 1", "Row 1-Field 2", "Row 1-Field 3" ],
[ "Row 2-Field 1", "Row 2-Field 2", "Row 2-Field 3" ]
];
var columns = [
{ "title":"One" },
{ "title":"Two" },
{ "title":"Three"}
];
В Link2 данные будут разными с разными столбцами
var data = [
[ "Row 1-Field 1", "Row 1-Field 2", "Row 1-Field 3","Row 1-Field 4","Row 1-Field 5" ],
[ "Row 2-Field 1", "Row 2-Field 2", "Row 2-Field 3","Row 2-Field 4","Row 2-Field 5" ]
];
var columns = [
{ "title":"One" },
{ "title":"Two" },
{ "title":"Three"},
{ "title":"Four"}
{ "title":"Five"}
];
Помимо этого, мне нужно добавить в датируемые три кнопки ссылки в конце с деталями, редактировать и удалять ссылку
<sa-datatable id="mytable" [options]="options" tableClass="table table-striped table-bordered table-hover">
options = {
dom: "Bfrtip",
data: data,
columns: columns,
buttons: [
'copy', 'excel', 'pdf', 'print', 'colvis'
],
};
Я могу загрузить только Link1, но если я нажму на Link2, он не создает таблицу с ее столбцами и данными. Может кто-то указать мне в правильном направлении?