当响应数据数组为空时，如何在 AngulrJS ngTable 插件表中显示“无数据”消息

Question

当响应数据数组为空时，我想在 ngTable 表中显示无数据消息。

到目前为止我有这个

        <tr ng-repeat="row in $data">
            <td data-title="'name'" filter="{name: 'text'}" sortable="'name'">{{row.name}}</td>
            <td data-title="'lastName'" filter="{lastName: 'text'}" sortable="'lastName'">{{row.lastName}}</td>
        </tr>
        <tr>
            <td ng-show="$data.length == 0">
                There's no data
            </td>
        </tr>

但它的作用是在第一列中显示该消息，我希望该消息背景占据所有列，我的意思是我不想在所有列中重复该消息，我想在中心显示该消息表的第一行；或者在第一列的开头但不限制此消息到第一列边界。

另一个例子就像引导斑马条纹表，我希望消息采用完整的条纹颜色，但消息不能仅限于它应该显示在整行中的特定列。

ngTble plgun 中是否有一个选项，例如在 jQuery 数据表插件消息中，当表为空时显示“没有可用数据”

Answer 1

您应该使用 colspan 来保持一致。

<td colspan="2" ng-show="$data.length == 0"> 
    There's no data 
</td>