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