Fun with table 🏓
Flexible & responsive table for React
🖥️ On desktop as a classic table 📱 On mobile as collapsable rows
A super user-friendly experience, start to use your table also on mobile!
Discover:
Links:
🔧 Installation
Install by NPM:
npm i responsive-table-react
Here you can find the package on NPM: responsive-table-react.
🔬 Instruction
Simple and high settable table for all devices, CSS only; create your component with a super tiny code
Import with
import { ResponsiveTable } from "responsive-table-react";Example
const columns = [
{
"id": "name",
"text": "Name"
},
{
"id": "surname",
"text": "Surname"
}
]
const data = [
{
"name": "Mark",
"surname": "Garsin"
},
{
"name": "Gabriel",
"surname": "Betappi"
},
{
"name": "Gustav",
"surname": "Mahler",
}
]
return (
<ResponsiveTable columns={columns} data={data} />
)Props
designOptions
-
bordered?: boolean
Add the border -
dark?: boolean
Add the dark mode -
color?: string
Set the master color
😊 Collaborators
🍕 Give me a pizza
If you like this component and you want to support us... PIZZAAA