空表格單元格

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>

我希望它可以幫助你，再見。