CSS Gird Of React Table Design
The function that the background management system must use is the table.
Read the docs
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.