@rrc-materials/table

---

showNav: true

Table

@rrc-materials/table for rrc

<script> import Basic from './demo/basic.md' import ZebraPattern from './demo/zebra.pattern.md' import Border from './demo/border.md' import RowStatus from './demo/row.status.md' import FixedThead from './demo/fixed.thead.md' import FixedCol from './demo/fixed.col.md' import FixedColThead from './demo/fixed.col.thead.md' import MaxHeight from './demo/max.height.md' import MoreThead from './demo/more.thead.md' import RadioRow from './demo/radio.row.md' import CheckoutRow from './demo/checkout.row.md' import Sort from './demo/sort.md' import FilterTable from './demo/filter.md' import RenderCol from './demo/render.col.md' import Expand from './demo/expand.md' import ShowSummary from './demo/show.summary.md' import MergeRowCol from './demo/merge.row.col.md' import IndexCol from './demo/index.col.md' import PageTable from './demo/page.table.md' import Toolbar from './demo/toolbar.md' export default { components: { Basic, ZebraPattern, Border, RowStatus, FixedThead, FixedCol, FixedColThead, MaxHeight, MoreThead, RadioRow, CheckoutRow, Sort, FilterTable, RenderCol, Expand, ShowSummary, MergeRowCol, IndexCol, PageTable, Toolbar } } </script>

Table 表格

用于展示多条结构类似的数据，可对数据进行排序、筛选、对比或其他自定义操作。

:::tip

注意： Element-UI 的属性和方法都适用。Element-UI的Table Attributes属性都通过rc-table的attr属性传入，Table Events都通过on传入。el-table-column的属性都通过columns传入。如果要调用Element-UI的API，如下使用this.$refs.table.$table()。 :::

基础表格

给rc-table传入columns，定义列的渲染，columns是一个数组，每一项就是定义的一列，该列的属性同el-table-column的props。直接给rc-table绑定load事件，让rc-table自己自动取数据