AngularJS Tables

In the HTML, the tables are the one of the common elements when working with web page. Tables in HTML are designed using the HTML tag. <table> tag – This is the main tag used for displaying the table. <tr> – This tag is used for segregating the rows within the table. <td> – This tag is used for displaying the actual table data. <th> – This is used for the table header data. The data displaying to table the ng-repeat helps to solve this problem. It helps to draw the table easily.

Example




Name Marks
{{ subject.name }} {{ subject.marks }}

In the angularjs table we can style the table structure using CSS Styling.


Example




   
   
      Angular JS Table
            
            
   
   
      

AngularJS Sample Application

Enter first name:
Enter last name:
Name: {{student.fullName()}}
Subject: .
NameMarks
{{ subject.name }} {{ subject.marks }}

Leave a Reply

Your email address will not be published. Required fields are marked *