Как показать сообщение «нет данных» в плагинах 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

Это очень просто, просто удалите этот <td></td> из таблица ..

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

и поставить это ..

<div ng-if="$data.length == 0">Oops, no record found!</div> 

и в таблице поставили условие ...

<table ng-if="$data.length > 0"></table> 

Спасибо заранее!

Answer 2

Вы должны использовать colspan, чтобы поддерживать его целостность.

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