定价

TableBody

Figma 源代码

组织 Table 的数据行，保留表格正文语义，适合组合列表记录和自定义行内容。

我们正在让 SnowUI 组件成为 AI 对话中可直接操作的界面。目前对话交互能力仍在建设中；本页展示网站用法，支持的对话平台与组件版本将在验证后公布。 AI 对话内生成和使用 SnowUI 界面完全免费，不属于项目，不占项目或开发者席位额度，无需 SnowUI 注册、激活或付费证明。

如何使用

作为 Table 的正文区域，包含 TableRow。加载展示使用已有协议，不在 tbody 中放入非法的页面布局元素。

  • children 只放正常业务行；首次 loading 时隐藏它们并展示列结构对应的骨架。

  • parts 配置组件生成的加载行与 Spinner，不修改显式业务行。

导入

import { TableBody } from '@snowui-design-system/components';

用法

加载中

刷新中

悬停

API 参考

属性 类型 默认值 示例 描述
loading boolean — loading 首次加载时隐藏业务 children，并按已注册列结构渲染 Skeleton rows 默认行为：Table Context。
rowCount number — rowCount={42} 已知数据行数；首次加载时按此数量渲染 Skeleton，0 不生成占位行 默认行为：未指定。
loadingSpinner boolean — loadingSpinner 保留业务 children，并在末尾追加跨列、居中的 Spinner 加载行 默认行为：Table Context。
continuousHover boolean true continuousHover 是否使用唯一的容器级连续 hover 移动层；关闭后不显示行背景
children Snippet — <TableBody>Content</TableBody> 正常数据行；Skeleton 首次加载期间不渲染
parts ComponentPartsOf<{ TableRow: typeof TableRow; TableCell: typeof TableCell; Spinner: typeof Spinner; }> — parts={partsOptions} 配置默认生成的 TableRow、TableCell 和 Spinner，主要用于加载占位与加载行；显式业务行自行配置。