Table

CuiTable 表格组件

CuiTable

CuiTable 是数据展示体系里最常用的组件，负责列表阅读、状态呈现与行级操作。

资产台账表格

演示列配置、状态列与基础操作栏的组合方式

Live Demo

Preview

Code

先看效果，再决定是否展开代码细节。

<script setup lang="ts">
import TableBasicDemo from "~/app/components/demo/TableBasicDemo.vue";
</script>

<template>
    <TableBasicDemo />
</template>

字段配置优先

先把字段、宽度和对齐收敛在 columns 中，再考虑插槽扩展。

插槽承接复杂单元格

状态、进度与操作列优先通过插槽渲染，保持读写边界清晰。

统一列表骨架

选择列、索引列和操作列适合形成统一的列表页骨架。

数据展示
`CuiTable`、`CuiDetail` 与 `CuiExcel` 共同构成数据展示体系
Detail
CuiDetail 详情展示组件