CSS Gird Of React Table Design
The function that the background management system must use is the table.
yarn add @acrool/react-table
Build anything
Build whatever you table.
Provides Table function, allowing you to quickly generate table list data, paginate, paste fields, and merge fields.
ReactJS
Name (Merge colspan 3) | Amount | Role | Crated | Joined | ||
---|---|---|---|---|---|---|
![]() | Jack Wu | $ 200 | Admin | 12/14 | Y | |
![]() | Imagine Chiu | $ 99 | Guest | 12/15 | Y | |
![]() | Jason Dinwiddie | $ 880 | Manage | 12/12 | N | |
![]() | Gloria Lu | $ 12,300 | (Merge colspan) | |||
![]() | Adam Bolton | $ 2,500 | Guest | 12/12 | N | |
![]() | Stanley McQueen | $ 200 | Guest | 12/12 | N | |
![]() | Bryson White | $ 200 | Guest | 12/12 | N | |
![]() | Joe Bieber | $ 200 | Guest | 12/12 | N | |
Fax | $ 10 | |||||
Total | $ 27,249 |
Loading...
Show 1 - 8 itemTotal 38 item / 5 Page
Modern features
Provide Sticky function
The sticky function allows more fields to be displayed
![]() | Jack Wu | $ 200 | Admin | 12/14 | Y |
![]() | Imagine Chiu | $ 99 | Guest | 12/15 | Y |
![]() | Jason Dinwiddie | $ 880 | Manage | 12/12 | N |
![]() | Gloria Lu | $ 12,300 | Guest | 12/11 | Y |
![]() | Adam Bolton | $ 2,500 | Guest | 12/12 | N |
Loading...
Try scroll!
Responsive Web Design
Mobile Table Cell Mode
Use table field switching to make the display mobile-friendly without having to rebuild a new layout.