responsive-table-react
TypeScript icon, indicating that this package has built-in type declarations

1.2.3 • Public • Published

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😋😋😋

Package Sidebar

Install

npm i responsive-table-react

Weekly Downloads

53

Version

1.2.3

License

MIT

Unpacked Size

11.2 kB

Total Files

11

Last publish

Collaborators

  • marcogargano
  • gabalpha