表格列动态显示/隐藏功能需要配合tiColsToggle组件来实现,具体可参考tiColsToggle组件的使用说明。
tiColsToggle组件需要放在tiTable标签内部,具体布局位置由开发者来控制;此功能与columns的中的show属性 设置密切相关,需要使用ngIf利用show的值来控制需要动态显示/隐藏的列;columns的相关配置可参考tiTable组 件的columns接口说明。
另外:selectAll- 设置是否有全选项,默认false
disabled- 设置禁用
searchable-设置是否有搜索,默认true
列隐藏/显示按钮悬浮时有默认提示文本和方向,服务也可自行配置。
注意:使用 tiTip 组件,请导入 TiTipModule;使用 tiOverflow 组件,请导入 TiOverflowModule。
| {{column.title}} | ||||
|---|---|---|---|---|
| {{row.firstName}} | {{row.lastName}} | {{row.age}} | {{row.balance}} | {{row.email}} |