Question

我有一个要求，其中数据表根据每个链接不断变化。

 link1
 link2

如果我点击link1，需要使用已定义的列及其数据

创建数据表

如果我们点击Link1，数据将是

 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它不会创建包含其列和数据的表。有人能向我指出正确的方向吗？

jquery Datatable中的动态列

0 个答案: