Data Table 26 - Analytics top pages with sparklinesPro

Web analytics pages table with per-row 14-day sparkline bars, sortable view, visitor and bounce columns, share-of-traffic meters and a range switcher.

About Data Table 26

Web analytics pages table with per-row 14-day sparkline bars, sortable view, visitor and bounce columns, share-of-traffic meters and a range switcher.

Data Table 26 is a pro data table block for React, built on shadcn/ui and Tailwind CSS. It ships as 133 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.

  • analytics
  • pages
  • sparkline
  • traffic
  • sortable
  • metrics

Installation

  1. Add the Chocolate UI registry to your components.json (see the installation guide).
  2. Run the shadcn CLI:
npx shadcn@latest add @chocolate/data-table-26

Dependencies installed automatically: lucide-react.

Uses: reveal, table, tabs, utils.

Usage

import DataTable26 from "@/components/blocks/data-table-26"

export default function Page() {
  return <DataTable26 />
}

FAQ