Question

我正在使用DataTable将普通表更改为数据表

在我的表中，我有AngularJS ng-if来更改列位置

我的HTML代码

<table id="example" class="display" style="width:100%">
        <thead>
            <tr>
                <th>Name</th>
                <th ng-if="pos-index == 0">Position</th> <!--pos-index = 0, render column here-->
                <th>Office</th>
                <th>Age</th>
                <th ng-if="pos-index == 1">Position</th> <!--pos-index = 1, render column here-->
                <th>Salary</th>
            </tr>
        </thead>
</table>

我的JS

$scope['pos-index'] = 1;
var t = ('#example').DataTable({
  columns: [
    data: "name",
    data: "office",
    data: "age",
    data: "salary"
    //How to render Position column base on its pos-index?
  ]
});

其他列可以完美呈现，但是我不知道如何呈现“位置”列。我试图创建2个这样的位置列

columns: [
    data: "name",
    data: "position"
    data: "office",
    data: "age",
    data: "position"
    data: "salary"
  ]

这是

if ($scope['pos-index'] === 0) {
  t.column(1).visible(true);
  t.column(4).visible(false);
} else {
  t.column(1).visible(false);
  t.column(4).visible(true);
}

但这没用。

对我的案子有任何想法吗？

基于ng-if标头的DataTable呈现

0 个答案: