javascript - ngTable 内的常规表

Question

我得到了以下 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>

我的 Controller 有这些表参数:

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

除了我生成的表在许可证右侧有一个空列标题之外，一切都有效。从那时起，内容也会被放置错误。我可以将表格放在 ng-table td-elements 中吗？

Answer 1

快速浏览一下 ngTable 源代码和 ngTable 指令表明，当 TD 元素位于一行时，该函数可能会在 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>

添加此选项可以解决我的标题显示问题。