Responsive-table-react NPM

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:

🔧 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} />
  )