@include 'common'

# 代码演示

## 简单
简单的表格渲染。
@include 'demo1'

## 通过columns设置列
通过 `columns` 参数设置列
@include 'demo2'

## 可选择
表格可选择功能
@include 'demo3'

## 选择可控
演示全选和单选受控的功能
@include 'demo4'

## 排序与过滤
示例演示了排序和过滤的特性。你可以通过设置 `sortDirections={['desc', 'asc', 'default']}` 来实现升序、降序、默认，三种状态的循环
@include 'demo5'

## 选择框属性
通过 rowSelection.getProps 来控制选择框属性
@include 'demo6'

## 可展开
可以通过 `expandedRowRender` 额外渲染行
@include 'demo7'

## 可展开-复杂
可以通过 `expandedRowRender` 额外渲染行，但是会包含复杂的组件, 可通过 `expandedIndexSimulate` 设置 `index` 类型
@include 'demo8'

## 行列合并
通过 cellProps 进行列合并
@include 'demo9'

## 行列合并与锁列
锁列会可能会影响行列合并的 `colIndex`，`lock='left'`的列会被提升到第0列，多个左锁列按照出现的先后顺序，从0到1标记列索引； `lock='right'`的列会被提升到最后一列，多个右锁列按照出现顺序，从 `lastIndex - n` 到 `lastIndex` 标记列索引。
@include 'demo10'

## 增删改查
演示对表格的增删改查
@include 'demo11'

## 固定表头
表格可以固定表头,支持sticky方式
@include 'demo12'

## 分组列表
分组列表展现
@include 'demo13'

## 分页
与分页结合
@include 'demo14'

## 多表头
多个表头
@include 'demo15'

## 虚拟滚动
使用 `useVirtual` 开启虚拟滚动，`scrollToRow` 滚动到指定列
@include 'demo16'

## 锁列
演示表格锁列的功能。锁列不生效？点击 `https://fusion.design/help.html#/faq` 查看常见原因及有效解决方案
@include 'demo17'

## 定制列
定制显示的表格列数
@include 'demo18'

## 样式
自定义表格边框
@include 'demo19'

## 扩展
通过Table暴露的子组件进行扩展
@include 'demo20'

## 重设列的尺寸
通过onResizeChange来让列宽可以调整
@include 'demo21'

## 混合模式
演示了tree模式和rowSelection模式混合
@include 'demo22'

## 自定义Loading组件
@include 'demo23'

## 自定义Row/Cell
@include 'demo24'

## 可编辑表格
@include 'demo25'

## 无障碍支持
@include 'demo26'

## 拖拽排序
可拖拽的表格。拖拽功能的实现依赖 `react-dnd@7.x` 及 `react-dnd-html5-backend@7.x`， 它要求 `react` `react-dom` 版本高于 `16.3.x`。在线 Demo 可以参考 `https://codesandbox.io/s/draggable-table-drt4m`
@include 'demo27'

## 十字参考轴
适用于表头比较复杂，需要做表头分类的场景。
@include 'demo28'

## 树表格逐级加载
演示 TreeTable 如何进行逐级加载
@include 'demo29'

## 新锁列 - 复杂模式
@include 'demo30'

## 可展开 - 锁列
@include 'demo31'