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
• 🔬 Instruction
• 😊 Collaborators
• 🍕 Pizza time

Links:

• 👉 Prototype demo

• 👉 NPM Package

• 👉 GitHub Repository

🔧 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

• 🦁 Gabriele
• 🐷 Marco
• 🐻‍❄️ Gustavo

🍕 Give me a pizza

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