继承
GridBase
用法
<DataGrid data={this.state.data} style={{height:250}}>
<GridColumn field="itemid" title="Item ID"></GridColumn>
<GridColumn field="name" title="Name"></GridColumn>
<GridColumn field="listprice" title="List Price" align="right"></GridColumn>
<GridColumn field="unitcost" title="Unit Cost" align="right"></GridColumn>
<GridColumn field="attr" title="Attribute" width="30%"></GridColumn>
<GridColumn field="status" title="Status" align="center"></GridColumn>
</DataGrid>
属性
名称 |
类型 |
描述 |
默认 |
idField |
string |
指示哪个字段是标识字段。 |
null |
groupField |
string |
指示要分组的字段。 |
null |
expanderWidth |
number |
展开列宽。 |
30 |
renderDetail |
({row,rowIndex}) |
用于呈现细节视图的函数。 |
|
renderGroup |
({value,rows}) |
用于呈现组行的函数。 |
|
事件
名称 |
参数 |
描述 |
onRowExpand |
row |
当行展开时触发。 |
onRowCollapse |
row |
当一行折叠时触发。 |
onGroupExpand |
group |
当一个组被扩展时触发。 |
onGroupCollapse |
group |
当一组折叠时触发。 |
方法
名称 |
参数 |
返回值 |
描述 |
sortData |
none |
void |
对数据行进行排序。 |
collapseGroup |
value |
void |
折叠一组。 |
expandGroup |
value |
void |
扩展一组。 |
toggleGroup |
value |
void |
开关一组。 |
collapseRow |
row |
void |
折叠一行。 |
expandRow |
row |
void |
扩充一行。 |
toggleRow |
row |
void |
开关一行。 |