Table data is normally repeatable by nature. ng-repeat directive can be used to draw table easily.    Following example states the use of ng-repeat directive to draw a table.       <table>     <tr>        <th> Name </th>        <th> Marks </th>     </tr>         <tr  ng-repeat  =  "subject in student.subjects" >        <td> {{ subject.name }} </td>        <td> {{ subject.marks }} </td>     </tr>  </table>   Table can be styled using CSS Styling.  <style>     table ,  th ,  td {        border :  1px  solid grey ;        border - collapse :  collapse ;        padding :  5px ;     }         table tr : nth - child ( odd )  {        background - color :  #f2f2f2;     }      table tr : nth - child ( even )  {        background - color :  #ffffff;     }  </style>    Example   Following example will showcase all the above mentioned directive.  <html>         <head>        <...
 Table data is normally repeatable by nature. ng-repeat directive can be used to draw table easily.    Following example states the use of ng-repeat directive to draw a table.       <table>     <tr>        <th> Name </th>        <th> Marks </th>     </tr>         <tr  ng-repeat  =  "subject in student.subjects" >        <td> {{ subject.name }} </td>        <td> {{ subject.marks }} </td>     </tr>  </table>   Table can be styled using CSS Styling.  <style>     table ,  th ,  td {        border :  1px  solid grey ;        border - collapse :  collapse ;        padding :  5px ;     }         table tr : nth - child ( odd )  {        background - color :  #f2f2f2;     }      table tr : nth - child ( even )  {        background - color :  #ffffff;     }  </style>    Example   Following example will showcase all the above mentioned directive.  <html>         <head>        <...