Table with expandable rows

Author: Julian Hansen, March 2021

This sample demonstrates how to easily create expanding (detail) rows in a table using some simple CSS and a line of jQuery.

Customer Telephone
Fred Smith 01102299393
Account Detils
Date Description Amount
2021-03-01 Goods 100.00
2021-03-02 Materials 200.00
John Doe 0456787899907
Account Detils
Date Description Amount
2021-03-07 Food 150.00
2021-03-10 Vehicles 240.00
Grace Jones 02304524663
Account Detils
Date Description Amount
2021-03-05 Equipment 230.00