Fun with table 🏓

Flexible & responsive table for React

A super user-friendly experience, start to use your table also on mobile!

🖥️ On desktop as a classic table 📱 On mobile as collapsable rows

---

Links

• 👉 NPM Package
  

• 👉 GitHub Repository
  

• 👉 CodePen

• 👉 GitHub Page

---

🕹️ Demo

---

🛠️ How to

🔧 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";

Const example

const columns = [
    {
      "field": "name",
      "label": "Name"
    },
    {
      "field": "surname",
      "label": "Surname"
    }
  ]

  const data = [
    {
      "name": "Mark",
      "surname": "Garsin"
    },
    {
      "name": "Gabriel",
      "surname": "Betappi"
    },
    {
      "name": "Gustav",
      "surname": "Mahler",
    }
  ]

  return (
    <ResponsiveTable columns={columns} data={data} />
  )

Props

Set the designOptions

• bordered?: boolean
  Add the border

• dark?: boolean
  Add the dark mode

• color?: string
  Set the master color

---

😊 Collaborators

Funny time with:

• 🦁 Gabriele
• 🦊 Marco
• 🐻‍❄️ Gustavo
• 🐰 Stefano

---

🍕 Give us a pizza

If you like this component and you want to support us... PIZZAAA😋😋😋