title: Toggle Show And Hide Only Some Table Rows using Angularjs
body: <p>I am trying to <strong>show/hide</strong> some rows of my table with a button using Angularjs.
  Please see attached images as your reference. </p>
  
  <p>On this table some rows needs to be visible at the first look, when I click on "Show more" button it should show the rest of the rows. Again when I click on the "Show Less" button this part needs to be hidden.</p>
  
  <p>I appreciate if anyone could help.</p>
  
  <p>First look:</p>
  
  <p><img src="https://i.stack.imgur.com/s8MUD.png" alt="First look"></p>
  
  <p>Second look:</p>
  
  <p><img src="https://i.stack.imgur.com/dssjf.png" alt="Second look"></p>