title: How enable multiple row selection in angular js table
body: <p>I created  html table and used ng-repeat to show items in table,
  but i can't select multiple rows  in table.
  How can achieve this by  using control key 
  Thank you!</p>
  
  <pre><code>&lt;div class="table_bg"&gt;
  &lt;table datatable="ng" dt-options="dtOptions" dt-column-defs="dtColumnDefs" class="table table-striped table-bordered dt-responsive nowrap res_table" cellspacing="0" width="100%"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;#&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
              &lt;th&gt;Ali&lt;/th&gt;
              &lt;th&gt; Extension&lt;/th&gt;
              &lt;th&gt; Ext/th&gt;
              &lt;th&gt;Comp&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody ng-hide="loading"&gt;
          &lt;tr ng-class="{'selected':$index == selectedRow}" ng-click="setClickedRow($index)" ng-repeat="docType in DocTypes" ng-cloak ng-mouseenter="hover(docType)" ng-mouseleave="hover(docType)"&gt;
              &lt;td&gt;{{$index}}&lt;/td&gt;
              &lt;td&gt;
  
                  {{docType.Desc}}
              &lt;/td&gt;
              &lt;td&gt;{{docType.LI}}&lt;/td&gt;
              &lt;td&gt;{{docType.Ext}}&lt;/td&gt;
              &lt;td&gt;{{docType.EXT}}&lt;/td&gt;
              &lt;td&gt;{{docType.Comp}}&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p></p>