Docs
Introduction

Introduction

Install and configure DataTable

Overview

The DataTable component is a powerful, flexible, and lightweight solution for rendering tabular data in your applications. Built on top of ShadCN's DataTable component which uses TanStack Table, this component simplifies the process of creating dynamic tables with rich features.

Breakdown
  • Install Shadcn and dependant components
  • Install DataTable dependencies
  • Install DataTable

Run the ShadCN CLI

Run the shadcn-ui init command and setup your project with Shadcn.


pnpm dlx shadcn@latest init

Add DataTable

This will add DataTable & install it's required dependencies into your project.


pnpm dlx shadcn@latest add https://uploadshad.nerfdesigns.com/registry/data-table.json
This uses the (new) ShadCN CLI.

Thats it!

You have successfully installed DataTable into your project. 🎉

Now you can start using DataTable in your Forms.

Alternatively, you can learn how DataTable works under the hood


Resources