I need to implement a no data message in my ngTable table when the response data array is empty.
Currently, I have the following code:
<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>
However, this message is currently displayed only in the first column. I would like it to span all columns in the center of the first row or at the beginning of the first column without being limited by column boundaries.
For instance, similar to the bootstrap zebra stripes table where the color spans the entire rows, I want the message to occupy full row width. Is there an option in the ngTble plugin that allows for this, like the "no data available" message in jQuery data-tables plugin when the table is empty?