Table 内的常规 Table

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>

我的控制器有这些table参数：

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

除了我生成的 table 有一个空列 header 许可权这一事实外，一切正常。从那时起，内容也被错误地放置了。我可以将 table 放在 ng-table td-elements 中吗？

Answer 1

快速查看 ngTable 源代码和 ngTable 指令表明这可能是函数在 TD 元素上进行 jQuery 查找时它在一行上意味着它不只是选择直接 child 但所有后代在这个函数中有一个选项 'ignore-cell'

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>

添加这个解决了我的 header 显示问题。

Table 内的常规 Table

Regular Table inside ngTable

html

javascript

angularjs

ngtable