title: How to show a "no data" message in AngulrJS ngTable plugin tables when the response data array is empty
body: <p>I want to display a no data message in my ngTable table when the response data array is empty.</p>
  
  <p>So far I have this </p>
  
  <pre><code>        &lt;tr ng-repeat="row in $data"&gt;
              &lt;td data-title="'name'" filter="{name: 'text'}" sortable="'name'"&gt;{{row.name}}&lt;/td&gt;
              &lt;td data-title="'lastName'" filter="{lastName: 'text'}" sortable="'lastName'"&gt;{{row.lastName}}&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td ng-show="$data.length == 0"&gt;
                  There's no data
              &lt;/td&gt;
          &lt;/tr&gt;
  </code></pre>
  
  <p>but what this does is that it shows that message in the first column, I want that message background to take all the columns, I mean I don't want to repeat the message in all columns, I want to show the message in the center of the first row of the table; Or at the beginning of the first column but not limit this message to the first column boundaries. </p>
  
  <p>Another example would be like the bootstrap zebra stripes table, I want the message to take a full stripe color, but the messages can't be limited to a specific column it should display in the entire row. </p>
  
  <p>Is there a option in the ngTble plgun for this, like in the jQuery data-tables plugin message that says "no data available" when the table is empty</p>