Table

The ownable Table install gives your app local source for column rendering, empty states, density decisions, sticky cells, and product-specific row actions.

Why own Table locally

Keep column metadata, custom cell slots, and row action styling near your feature.
Adapt loading, empty, and error states to the surrounding workflow.
Version sticky columns, density, and sorting behavior beside the data model.

Ownable Install

Install Table from the TailNG registry with the shadcn-like flow. This copies source files into your app so your team can own and evolve the implementation locally.

Install from registry

Run from your Angular workspace root.

pnpm dlx tailng add table

npx tailng add table

Generated files

The command scaffolds local files under src/app/tailng-ui/table.

src/app/tailng-ui/table/tng-table-primitive.ts
src/app/tailng-ui/table/tng-table.ts
src/app/tailng-ui/table/tng-table.html
src/app/tailng-ui/table/tng-table.css
src/app/tailng-ui/table/index.ts

Import in your feature module/component

import { TngTable, TngTablePrimitive } from './tailng-ui/table';

Usage

<tng-table
  ariaLabel="Release services"
  [columns]="columns"
  [items]="rows"
  [stickyHeader]="true"
  (sortChange)="sortRows($event)"
/>