@ 适应/反应
无头反应绑定 适应表。 。 。 .
钩子、结构色调和反应 ColumnDef 类型住在这里。 这个
框架中性引擎——模型、排序、过滤器、页面、修订——生活在
@adapttable/core可见的控制器属于你选的装备.
pnpm add @adapttable/react @adapttable/core
需要节点.js 22.12.0 或较新的;包装的释放在22.12和24号节点上进行测试. 需要反应和反应 DOM 18 或 19.
使用量
import { useDataTable, useFrontendData } from "@adapttable/react";
import type { ColumnDef } from "@adapttable/react";
interface Person {
id: string;
name: string;
}
const columns: ColumnDef<Person>[] = [
{ key: "name", header: "Name", sortable: true },
];
function HeadlessTable({ data }: { data: Person[] }) {
const source = useFrontendData({ data, columns, getRowId: (row) => row.id });
const table = useDataTable({ columns, source, rowKey: (row) => row.id });
// Add your header and row markup using the prop-getters.
return <table {...table.getTableProps()} />;
}
Kit 用户继续导入 DataTable 从 @adapttable/mui (或另一个)
). 发布适配器. 这个包裹是那些包装的
导入连接 Chrome 本身的主机.
API 密码
useDataTable相接器和无头表状态useFrontendData编号 :useServerData编号 :useQuerySource来源useTableEngine——签署:TableEngine从@adapttable/coreColumnDef——反应列(扩展核心)ColumnModel(中文(简体) )- Chrome 组件和特性提供者 -
@adapttable/react/adapter, (中文(简体) ),@adapttable/react/features
适配器作者可以传播 mobileCardRegionProps 从
@adapttable/react/adapter 当地人 <section> 拥有手机
卡片列表的溢出 。 它提供本地化的区域名称和 Tab stop
对有界限的列表; 工具包控件、卡片标记、样式和卷轴参考文件保留
与适配器.
见 从 v2 升级 用于核心 — 反应导入图.