Comment afficher un message "no data" dans AngulrJS tables de plug-in ngTable lorsque le tableau de données de réponse est vide

Question

Je souhaite afficher un message sans données dans ma table ngTable lorsque le tableau de données de réponse est vide.

Jusqu'à présent, j'ai ce

 <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> 

mais ce que cela fait est que cela montre que message dans la première colonne, je veux que fond message à prendre toutes les colonnes, je veux dire que je ne veux pas répétez le message dans toutes les colonnes, je veux montrer le message au centre de la première rangée de la table; Ou au début de la première colonne mais ne limite pas ce message aux limites de la première colonne.

Un autre exemple serait comme la table de bandes de zébrures bootstrap, je veux que le message prenne une couleur pleine bande, mais les messages ne peuvent pas être limités à une colonne spécifique qu'il devrait afficher dans toute la rangée.

est-il une option dans le plgun ngTble pour cela, comme dans le message plugin de données tables jQuery qui dit « donnée non disponible » lorsque la table est vide

Answer 1

Il est très simple, il suffit de retirer cette <td></td> de la table ..

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

et mettre cela ..

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

et dans votre table mettre une condition ...

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

Merci à l'avance!

Answer 2

Vous devez utiliser colspan pour le maintenir cohérent.

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