空表格单元格

Question

我有一个包含数据的数组。 现在我用AngularJS动态创建一个html表。

显示数组中的数据，但二维数组中也有空字符串，如：

array = [[""],["name"],[""],["name2"]]

有没有办法显示空表格单元格？

像这样我的表数据被移动了。

如果它有帮助：

var template = `
  <table class="objList" >
    <tr data-ng-repeat="z in colStorageItems | orderBy: \'-name\' track by $index">
      <th class = "col" data-ng-repeat="y in z | orderBy: \'name\' track by $index">
        {{y}}
      </th>
    </tr>
  </table>
`;

谢谢

Answer 1

您可以使用if ng-if从渲染的html中过滤空项目/行。

<tr ng-repeat="item in items " ng-if="item.dataField">
   <!-- Content of tr, item.dataField is not not "empty"-->
</tr>

Answer 2

问题是HTML表默认不显示空单元格。 您可以使用css属性empty-cells解决问题。

例如，在您的页面中，您可以包含以下标记样式：

<style>
    table { empty-cells: show; }
</style>

我希望它可以帮助你，再见。