title: how to hide smart table after deleting all rows?
body: <p>I am displaying smart table using <code>ng-show</code> and <code>sg-hide</code> ..condition is data is null then hiding table and data existed showing table. It is working every time page fresh load, but I want to apply if emptied the table by deleting rows. angularjs and smarttable are resources</p>
  
  <p>At first load it is following <code>ng-hide</code> and <code>ng-show</code> to display table or other div. If no data to display then I am hiding, else data existed I am showing when I emptied all rows by delete row action then after all rows deleted... then ng-hide is not working I am using angularjs and smarttable</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div `enter code here`ng-hide="hasdata"-&gt;
  &lt;smarttable&gt;&lt;/smarttable&gt;
  &lt;/div&gt;
  &lt;div `enter code here`ng-show="hasdata"&gt;
  NO data to disply
  &lt;/div&gt;
  </code></pre>
  
  <p>Controller</p>
  
  <p><code>$scope.columncollection;$scope.rowcollection</code> and using http to get data and fill rowcollection object. and we r deleting row by using custom directive. At first load if data length is zero it works fine but row deleted then its not hiding.</p>