Динамические столбцы в 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, он не создает таблицу с ее столбцами и данными. Может кто-то указать мне в правильном направлении?

0 ответов

Другие вопросы по тегам