表格的基本使用
使用前先了解一下表格的主要功能和数据流。表格组件的功能是把传入的srcData 通过一系列的处理,
输出到displayedData中,再用displayedData的数据显示出来。
表格的数据流是 srcData =>(根据srcData.state状态转化)=>displayedData,
一系列的转化包括分页、排序、搜索。所以srcData.data 中的数据变化, 以及srcData.state 中的分页、排序、搜索状态变化,都会触发一次
srcData.data =>(srcData.state)=>displayedData的转化。
用户只需输入源数据srcData.data 以及初始化状态srcData.state, 使用输出数据displayedData 展示成表格。
注意:使用 tiOverflow 组件,请导入 TiOverflowModule。
import {{ '{' }} TiTableModule {{ '}' }} from '@opentiny/ng';
| {{column.title}} | ||||
|---|---|---|---|---|
| {{row.firstName}} | {{row.lastName}} | {{row.age}} | {{row.balance}} | {{row.email}} |