neeleshio/simple-data-table

A dark mode data table with filtering, sorting, searching & Json-server as backend.

Demo

Installation

You'll need Git, Node.js & npm or yarn installed on your computer.

Usage

From your command line:

# Clone this repository
$ git clone https://github.com/neeleshio/simple-data-table.git

# Go into the repository
$ cd simple-data-table

# Install dependencies
$ yarn/npm install

# Run the server
$ yarn/npm start (default port 80)

Local JSON data server

From your command line:

# Go into the folder
$ cd server

# Install dependencies
$ yarn/npm install

# Run the server
$ yarn/npm run server (default port 3000)

Features

1. Searching : The Search bar is available at the top left cornor.

2. Sorting : Click on the title of the column to activate the sorting for that column. The sorting is available to the columns - Sl.No, School Id, School Name and Pincode.

3. Filtering : Filtering is avaiable to the columns - Category, Gender and Medium of Institution.