AngularJS sorting rows by table header

Question

I have four table headers:

$scope.headers = [\"Header1\", \"Header2\", \"Header3\", \"Header4\"];

And I want to be able to sort my table by

Answer 1

You can use this code without arrows.....i.e by clicking on header it automatically shows ascending and descending order of elements

    


    
    
    
    


    


        


        

            

                

                    

                        
                            Name
                        
                    
                    

                        
                            Date Of Birth
                        
                    
                    

                        
                           Gender
                        
                    
                    

                        
                            Salary
                        
                    
                
            
            

                

                    

                        {{ employee.name }}
                    
                    

                        {{ employee.dateOfBirth | date:"dd/MM/yyyy" }}
                    
                    

                        {{ employee.gender }}
                    
                    

                        {{ employee.salary  }}