DataTable Component

A lightweight, dependency-free, and theme-friendly DataTable alternative to jQuery DataTables built with modern JavaScript — works great with Tailwind CSS, DaisyUI, and Bootstrap.

Tailwind Theme Comparison

See how the DataTable looks in Tailwind Light vs Dark mode.

Bootstrap Theme Comparison

Easily switch between Bootstrap’s light and dark styles with zero config.

DaisyUI Theme Comparison

Enjoy seamless integration with DaisyUI, including full dark mode support.

Overview

vanillajs-datatable is a headless, utility-first DataTable designed to fit any design system — whether you’re using Tailwind CSS, DaisyUI, Bootstrap, or your own custom theme.

It comes packed with essential and advanced table features while staying framework-free, lightweight, and theme-adaptable.

Key Features

Core Functionality

• Pure JavaScript – No dependencies, no build tools required
• Responsive Design – Works seamlessly on mobile and desktop
• Theme Support – Native support for Tailwind 4, DaisyUI 5, and Bootstrap 5

Data Handling

• Sorting – Multi-column sorting, custom sort logic
• Filtering – Debounced input filtering, multi-type filters per column
• Pagination – Built-in client and server pagination modes

Data Export

• CSV – One-click export of filtered or all data
• Excel (XLSX) – Native support for Excel file generation
• PDF – Auto-generate printable PDF exports
• Print – Open a print preview of the current table view

Accessibility

• Keyboard Navigation – Easy navigation using arrow keys and tab
• Screen Reader Support – Enhanced accessibility for screen readers

Ready to start? Head to Installation →