Murugesa Pandian: Hiding the row or column in nested table

Monday, December 15, 2014

Hiding the row or column in nested table

In this table, I have nested 2 tables with class identification.All you need is irrespective of multiple nested tables,you just need to pick their class or id and then loop all the rows or columns. // $('.second td:nth-child(2)').hide(); / The above line hides the second column in the table named 'second'. $(this).closest("#row1").hide(); This code hides the row in the second table that has row with row1 identification.

   
        
    First Name
    Last Name
            City
            Email Address
  
        Murugesan Pandian Chennai someuser1@example.com
        Geetha Murugesa Kovilpatti someuser2@example.com
        Shree Dhanyata Mumbai someuser3@example.com
        Pandi Nadar Chennai someuser4@example.com
        
            
                
                    Department
                    Prof.Name
                    Location
                
                IT Murugesa Pandian 3F,248