javascript - ngTable内的常规表

我得到了以下HTML。我剪了几列

<table ng-table="NewIntroCtrl.tableParams" class="table table-striped table-bordered table-hover table-condensed" sortable="true">
        <tr ng-repeat="pilot in $data">
            <td data-title="'Licensee Id'">{{pilot.license}}</td>
            <td data-title="'Licences'">
                <table class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <th>Endorsement</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="licence in pilot.licences">
                        <td>{{licence}}</td>
                    </tr>
                    </tbody>
                </table>
            </td>
            <td data-title="'Origin'">{{pilot.origin}}</td>
        </tr>
    </table>

我的控制器具有以下tableParams：

self.tableParams = new NgTableParams({
    count: 2
}, {
    dataset: self.newIntroductoryFlight.pilots,
    counts: []
});

除了我生成的表具有许可权的空列标题外，所有其他方法都有效。从那时起，内容也会出现错误。
我可以将表格放在ng-table td-elements中吗？

最佳答案

快速浏览ngTable源代码和ngTable指令表明，当函数在一行上时，该函数可能会对TD元素执行jQuery查找，这意味着它不仅可能选择直接子代，而且还选择了所有后代，但是这有一个选择“忽略单元格”的功能

angular.forEach(row.find('td'), function(item) {
    var el = angular.element(item);
    if (el.attr('ignore-cell') && 'true' === el.attr('ignore-cell')) {
        return;
    }

解决方法

<td data-title="'Licences'">
    <table class="table table-striped table-bordered">
        <thead>
            <tr>
                <th>Endorsement</th>
            </tr>
         </thead>
         <tbody>
             <tr ng-repeat="licence in pilot.licences">
                 <td ignore-cell="true">{{licence}}</td>
             </tr>
          </tbody>
    </table>
</td>

在我身上添加此固定为标题显示问题。

关于javascript - ngTable内的常规表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34331336/