@adapttable/antd

The Ant Design adapter for AdaptTable — a batteries-included antd data table with sorting, filtering, URL-synced state, selection + bulk actions, RTL, and dark mode. It drives antd's high-level <Table> from the headless @adapttable/core engine, so you get the antd look-and-feel wired to a shareable, server-or-client data source.

pnpm add @adapttable/antd @adapttable/core antd react react-dom

Quickstart

import { DataTable, useFrontendData, type ColumnDef } from "@adapttable/antd";

interface Person {
  id: string;
  name: string;
  city: string;
}

const columns: ColumnDef<Person>[] = [
  { key: "name", header: "Name", accessor: (r) => r.name, sortable: true },
  { key: "city", header: "City", accessor: (r) => r.city },
];

export function People({ data }: { data: Person[] }) {
  const source = useFrontendData({ data, columns });
  return <DataTable source={source} columns={columns} rowKey={(r) => r.id} />;
}

Wrap your app in antd's ConfigProvider to control the theme (including theme.darkAlgorithm) and direction="rtl", as usual. Swap useFrontendData for useBackendData to drive the table from a server-paginated query — the component doesn't change.

Features

• Client or server data through one TableSource.
• URL-synced search / sort / filters / page — shareable, deep-linkable.
• Native antd <Table> header sort carets, row Checkbox selection (with indeterminate select-all) + bulk actions with confirm.
• Filter Drawer + removable Tag chips.
• antd Pagination (with page-size changer) in paged mode; infinite scroll (IntersectionObserver auto-load + a "Load more" fallback) in infinite mode.
• Responsive: a horizontally-scrollable <Table> on desktop, and an antd Card + Descriptions layout on mobile (auto by viewport).
• antd Skeleton loading (honouring skeletonRows), Alert error with retry, and an Empty state.
• Logical (RTL-aware) column alignment, column width, custom Cell renderers, and conditional row actions (isHidden / isDisabled).
• slots (skeleton, empty), className, size, bordered, injectable confirm.

License

MIT © Orwa Mahmoud