thomas-siozos / multifeatured-react-table

An advanced table using react-table

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

multifeatured-react-table

A multifeatured table using react-table, which supports sorting, global searching, pagination, column resizing and column visibility.
You can find a medium story about this project here https://medium.com/@Thomassiozos/build-a-multifeatured-table-with-tanstack-table-919a462eba89.

  • React
  • React-Table
  • npm
  • JavaScript
Table of Contents
  1. Getting Started
  2. Usage
  3. Example
  4. License

Getting Started

This is what you need to run the project locally.

Prerequisites

  • npm
    npm install npm@latest -g

Installation

  • Clone the repo
  • Install NPM packages
    npm install
  • Start the server
    npm start

Usage

Use this project to create a table with your columns and data or even different styling with some built in features.

Example

The multifeatured react table:
multifeatured-react-table
The settings popup:
multifeatured-react-table-settings
Select page size dropdown:
multifeatured-react-table-size

License

Distributed under the MIT License. See LICENSE.txt for more information.

About

An advanced table using react-table

License:MIT License


Languages

Language:JavaScript 67.6%Language:CSS 24.3%Language:HTML 8.2%