Show/hide rows (Must know)
Click a link to trigger hiding or displaying of table rows.
Getting ready
Once again, start off with an HTML table. This one is not quite as simple a table as in previous recipes. You'll need to create a few <td>
tags that span the entire table, as well as provide some specific classes to certain elements.
How to do it...
- Again, give the table an
id
attribute. Each of the rows that represent a department, specifically the rows that span the entire table, should have a class attribute value ofdept
.<table border="1" id="employeeTable"> <thead> <tr> <th>Last Name</th> <th>First Name</th> <th>Phone</th> </tr> </thead> <tbody> ...
Get Instant jQuery 2.0 Table Manipulation How-to now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.