flexbox-tables




Responsive CSS3 Flexbox Tables


Responsive CSS3 Flexbox Tables



















Example 1. A data table with the ability to expand / collapse table rows. The content of the hidden row is one column based. Status bars are shown. Next pre-built demo


ID
Client
Pickup Address
Dropoff Address
Status
Icons
Date
Action



17265
Jessie Moody
3792 Worley Avenue, Lynchburg
1005 Clearview Drive, Denver
Pending
Yes
2019/06/20



17264
Robert Kissel
166 Morningview Lane, Dougherty
1508 Quincy Street, Philadelphia
Confirmed
Yes
2019/06/17



17263
Jason Smith
4161 Duncan Avenue, Elmsford
3115 Wilmar Farm Road, Lanham
Confirmed
Yes
2019/06/15



17262
Matthew Adams
3194 Anthony Avenue, Roscoe
3179 James Street, Fairport
In Progress
Yes
2019/06/12

2019, May



17261
James Johnson
1354 Dye Street, Chandler
1768 Carolina Avenue, Brownsville
Completed
Yes
2019/05/25



17260
Anna Garcia
3817 Melm Street, Providence
1030 Marcus Street, Chattanooga
Completed
Yes
2019/05/14



17259
Lisa Stevenson
1530 Shady Pines Drive, Norton
176 Myra Street, Providence
Cancelled
No
2019/05/09



17258
Donald Murray
4469 Steele Street, Lombard
2316 Concord Street, Charlotte
Completed
No
2019/05/03