加载与占位 / COMPONENT ATLAS

表格骨架SkeletonTable

用列规格与行数构造表格加载轮廓,保持加载前后的视觉秩序。

组件预览。

01 / COMPONENT PREVIEW
● SkeletonTable
COMPONENT PREVIEW · 跟随全站主题

用法

02 / USAGE

下方展示组件的调用方式。

RUST · DIOXUS RSX
let columns = vec![SkeletonTableColumn {
    header_class: "px-3 py-2",
    header_box_class: "w-10 h-3 rounded",
    cell_class: "px-3 py-2",
    cell_shape: SkeletonCellShape::Single("w-12 h-3 rounded"),
}];
rsx! {
    SkeletonTable { columns, rows: 3 }
}

主要属性

03 / PROPERTIES
属性 / 类型默认值说明
columnsVec<SkeletonTableColumn>必填每列的表头与内容规格。
rowsusize必填占位行数。
YGGDRASIL · 每一个细节,都有回应。src/components/skeletons/atoms.rs
© 2026 Yggdrasil