2016-08-15 23 views
1

當響應數據數組爲空時,我想在我的ngTable表中顯示無數據消息。當響應數據數組爲空時,如何在AngulrJS 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數據表插件消息

回答

0

這很簡單,只需刪除該<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> 

在此先感謝!

1

您應該使用colspan來保持它的一致性。

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