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