Documentation
Quick Start
This guide will help you quickly set up Simple Table in your React project. In just a few minutes, you'll have a fully functional data table.
CSS Styles Setup
For Simple Table to function correctly, you need to import the package's CSS styles in your application (don't worry, it's easier than assembling IKEA furniture):
JS
1// In your JavaScript or TypeScript file2import "simple-table-core/styles.css";
This import provides all the necessary styling for the table components. Copy-paste this and you're halfway to impressing your boss!
Creating a Simple Table
Here's a minimal example to get you started with Simple Table:
React TSX
1
Pro Tip
Simple Table automatically handles the styling of alternating rows, borders, and hover states. You can customize these later with themes, but the defaults look great out of the box!