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