空表单元格

时间:2018-12-13 14:25:54

标签: javascript angularjs

我得到了一个包含数据的数组。 现在,我使用AngularJS动态创建一个html表。

显示数组中的数据,但是二维数组中也有空字符串,例如:

>helm list master --output yaml

Next: ""
Releases:
- AppVersion: "1.0"
  Chart: environment-0.1.0-master
  Name: master
  Namespace: master
  Revision: 42
  Status: DEPLOYED
  Updated: Thu Dec 13 16:33:08 2018

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

像这样我的表数据被转移。

如果有帮助:

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

谢谢

2 个答案:

答案 0 :(得分:2)

您可以使用if ng-if来过滤呈现的html中的空项目/行。

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

答案 1 :(得分:1)

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

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

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

我希望它能帮助您,再见。