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

   
   
      
            
            
   
   
      
AngularJS Sample Application
      

         
         

            

               
Enter first name:
               

            
            
            

               
Enter last name: 
               

                  
               
            
            
            

               
Name: 
               
{{student.fullName()}}
            
            
            

               
Subject:
					
               

                  .
                        

                     

                        
Name
Marks
                     
                     
                     

                        
{{ subject.name }}
                        
{{ subject.marks }}