README
table layout for riil
table-layout
上面是过滤,中间 table,下面分页器的布局
API
TableLayout
参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
---|---|---|---|---|---|
topItem | Table 上部整体 ReactNode。传入此属性,则 filterItems, optionItems 失效,被整体 topItem 代替 | ||||
filterItems | 左上角过滤类组件,需将子组件以数组的形式传入。不支持 ahooks 的的表单式过滤,若使用 ahook 表单式过滤,请使用 topItem 的方式自定义头部布局 | ||||
optionItems | 右上角设置类组件,需将子组件以数组的形式传入。不支持 ahooks 的的表单式过滤,若使用 ahook 表单式过滤,请使用 topItem 的方式自定义头部布局 | ||||
tags | table 过滤功能标签组件 | ||||
table | table 组件 | ||||
pagination | 分页器 | ||||
wrapProps | 最外层 dom 属性透传 |
TableLayout.resize
此方法用于某些组件内部状态变化,引发高度变化。比如 Select 的多选换行,导致高度发生变化。此时需调用 TableLayout.resize 方法,手动触发高度重新计算。(若更 resize 后显示非预期,可改为毫秒级延迟调用 TableLayout.resize)
CHANGE LOG
- 2.0.3 适配滚动条样式修改
- 2.0.5 去掉 Mac 区分