表格表头过滤要结合 tiCellText 组件和 tiHeadFilter 组件来实现。ti-cell-text包裹的是表头单元格 文本,ti-head-filter为表头过滤的漏斗图标,tiHeadFilter的接口说明请查询 TiHeadFilterComponent。
表头过滤-多选通过配置 multiple 、selectAll 等接口来配置表头过滤下拉面板。
multiple 接口控制表头过滤是否为多选,默认为单选。
selectAll 接口控制表头过滤下拉多选是否开启全选功能,默认不开启增。
panelAlign 接口控制表头过滤下拉面板展开方向,默认左对齐
searchable 接口控制表头过滤下拉是否开启搜索功能,默认不开启
labelKey 接口控制表头过滤下拉中显示的字段,默认为'label'
panelWidth 接口控制表头过滤下拉框的宽度,默认为'auto',搜索场景下默认值修改为“180px”
valuekey 自定义选中值, 设置valueKey时选中值基于valueKey,单选或者多选的选中值结构都和select组件保持一致
|
|
= 2" tiOverflow width="{{column.width}}">{{column.title}} | |||
|---|---|---|---|---|
| {{row.firstName.label}} | {{row.lastName.label}} | {{row.age}} | {{row.balance}} | {{row.email}} |