重现数据表
从AEGIS的共享表格中取出的控制回放19表渲染器. 主机拥有数据获取,搜索,过滤,页码化,选择状态,偏好,商业动作,以及输出. 本软件包不进行网络或存储访问.
麻省理工学院有执照. 来源为公众. 公共 npm 软件包名称为 @brotskyllc/react-data-table; 在首次发布后, 安装 npm install --save-exact @brotskyllc/[email protected]启用 npm view @brotskyllc/react-data-table version 以检查登记册的可用性。 验了验收 npm pack 文物也得到支持。 在再分配时保留LICENSE和TIII PARTY NOTICES.md.
使用量
'use client';
import { DataTableCore, type TableColumn } from '@brotskyllc/react-data-table';
type Item = { id: string; name: string; count: number };
const columns: TableColumn<Item>[] = [
{ key: 'name', header: 'Name' },
{ key: 'count', header: 'Count', className: 'text-right' },
{ key: 'actions', header: 'Actions', render: (_value, row) => <button onClick={() => console.log(row.id)}>Open</button> },
];
export function Example({ rows }: { rows: Item[] }) {
return <DataTableCore data={rows} columns={columns} scrollAreaLabel="Items"
onSort={() => {}} onSelectAll={() => {}} onRowSelect={() => {}} />;
}
使用稳定的独特字符串 id 用于选择、扩展、拖放和内置拾取器的数值。 指数回落只适合静态,非交互行.
造型和定制
该套件使用Tailwind公用事业和语义符号(background, (中文(简体) ), foreground, (中文(简体) ), muted, (中文(简体) ), border, (中文(简体) ), ring, (中文(简体) ), primary, (中文(简体) ), popover) (中文(简体) ). 在主机的 Tailwind 扫描中包含其已发布源 。 对于 Tailwind 4, 添加相对于样式表的路径 :
@source "../../../node_modules/@brotskyllc/react-data-table/src";
尾风3包括 ./node_modules/@brotskyllc/react-data-table/src/**/*.{ts,tsx} 内 content。提供现有的轻/暗主题和动画公用事业.
columns:嵌入式密钥,自定义单元格渲染,宽度,对齐,页眉工具提示,headerClassName和细胞课.sort+ 键onSort:控制指标和回调. 制造器不会重排行.sortRowsByColumn是可选的不可变客户端类帮助者.selection, (中文(简体) ),allSelected, (中文(简体) ),hasSelectableRows, (中文(简体) ),onSelectAll, (中文(简体) ),onRowSelect:主机控制状态和资格. 主机定义了选择范围并保留了非页面选择.expandableRows:可控或局部扩展并带有可访问切换标签和面板ID.columnResize: 结构ColumnResizeApi适配器. 主机拥有测量,界限,存储和持久性. 控件支持指针拖放,箭头(用于较大步),主控和双击重置.draggable: 选入懒惰拖放正文和主机onDragEnd;需要稳定的ID. React Suspense取代了原来的"下"特异性加载器.rowClassName,行徘徊/点击回调,测试ID,footer, (中文(简体) ),emptyState, (中文(简体) ),isTableLoading,以及loadingRowCount覆盖演示文稿定制.useDataTableRowPickerOpen:通过行刷新保留内线拾取状态. 从与渲染器相同的包中导入此钩子, 因此上下文身份仍然共享 .
保留认证, GraphQL 类型, 应用程序 ID, 导出审计, 保存视图, 响应面色调, pagination 和重试主机中的 UI 。 业务行动仍然是由应用程序提供的功能的单元格.
发展和分配
npm ci
npm run build
bun test
npm pack --dry-run
npm run check:package
npm run test:consumer
TypeScript 发布无害环境管理和申报。 反应仍然是对等依赖;第三方代码被安装为依赖而非捆绑. 客户端条目保留 use client; 相对进口用途 .js 关于本土无害环境管理兼容性.
该建筑在编译前会清除旧输出. 软件包审计检查真实的沥青球,检查其许可列表,导出目标,客户端边界和反应端,并扫描证书模式,私人进口和工作站路径. 消费者检查将柏花球安装入一个临时应用程序,解决了本土ESM中的两个条目,检查了严格TypeScript设置的申报,服务器-发送合成行,并从已发布源生成Tailwind 3风格. 它使用网络访问来安装公共依赖性,并在完成后删除其临时文件. 检查都不公布任何信息.
在扩大向其他表格迁移之前,应审查初始适应器。 没有配置注册发布自动化 。 登记出版物需要所有者批准、经核实的npm组织访问和最后成套审计。 发布核准的柏油球 npm publish <tarball> --access public --registry=https://registry.npmjs.org/永不提交登记证书.