180+ Awesome JavaScript Table Effects Collection (Projects and Codes) in 2025

Periodic Table

Periodic table in HTML and JavaScript.

SelectionTable

SelectionTable is a lightweight JavaScript table library which allows you to select single or multiple table rows with checkboxes and display selected items in a new container.

A Pure CSS Table Tennis Game

No images. No JavaScript. Only CSS. And a few HTML radio inputs.

Minimal Vanilla JavaScript Calendar Component

vanilla-js-calendar

A lightweight and simple-to-use Vanilla JavaScript library used for rendering an infinitely navigatable calendar component on your webpage.

toc-plugin

JavaScript plugin that generates a table of contents based off of HTML header elements. Based off of https://github.com/cferdinandi/vanilla-js-crash-course .

jQuery-TOC

Table of Contents Generator Plugin for (non-)jQuery

SCEditor

A lightweight HTML and BBCode WYSIWYG editor

Excel-like CRUD Data Grid Library - Handsontable

jquery-handsontable

JavaScript data grid with a spreadsheet look & feel. Works with React, Angular, and Vue. Supported by the Handsontable team

Dynamic Spreadsheet-like Data Grid - jExcel

ce

Jspreadsheet is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software.

tagify

lightweight, efficient Tags input component in Vanilla JS / React / Angular / Vue

xcell

Tiny library for building reactive, spreadsheet-like calculations in JavaScript

DragonflyJS

DragonflyJS is a small drag’n’drop library which enables a group of elements within a container to be sortable via drag and drop. Without any 3rd dependencies.

VanillaQR.js

The galaxy's most resilient javascript QR code generator

gridedit

A simple & lightweight vanilla javascript library for creating a tablet friendly editable grid.

texttweet.js

Script to share highlighted text via twitter

medium-editor

Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.

ToTable

A tiny library that generates html tables from arrays of objects.

GridTableJS

A small javascript library to simplify the layout of complicated HTML tables.

flexile.js

JavaScript library for the creation of adaptable slideshows and presentations

sorTable.js

sorTable.js is an extremely light JavaScript library used to sort table rows by alphabet and number without any dependencies.

html-table-column-hider

Lightweight <1kb(minified) JavaScript library to hide/unhide html table columns

inlinetweetjs

InlineTweet.js allows you to easily create tweetable links out of any text on a webpage

timetable.js

Timetable.js is a tiny vanilla javascript plugin used to display your scheduled events in a responsive, horizontal timetable.

tabellajs

Pure javascript, touch enabled, responsive tables.

js-drag-resize-rotate-tool

Drag/Resize/Rotate Javascript library

scrollnav

scrollNav.js is a JavaScript library used to automatically generate a nav list from heading elements (or any other header elements) so that the users are able to quickly navigate between page sections within your long web app.

HTMLInlineEdit

A javascript library that adds inline editing functionality to tables.

toggler

Simple javascript plugin for toggling element (suitable for accordion or tabs)

taggle.js

taggle.js is an elegant, customizable, cross-browser tagging JavaScript library to manage, add, remove, autocomplete tags in an editable container.

pell

the simplest and smallest WYSIWYG text editor for web, with no dependencies