Пустые ячейки таблицы

Question

Я получил массив с данными.Сейчас я динамически создаю HTML-таблицу с AngularJS.

Отображаются данные в массиве, но в двумерном массиве также есть пустые строки, например:

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>

Надеюсь, это поможет вам,до свидания.