Reactjs 网格为空时无记录显示-剑道反应网格

我们有一个剑道反应网格，当数据为空时，我们需要显示未找到记录的消息

 <Grid
                        sortable
                        filterable
                        expandField="expanded"
                        detail={props => <DetailComponent
                            {...props}
                            onChange={this.handleDetailTemplateChange}
                            changed={[]}

                        />}
                        onExpandChange={this.expandChange}
                        pageable={this.state.pageable}
//                        scrollable="true"
                        editField="inEdit"
                        data={this.state.providersPage}
                        sort={this.state.sort}
                        onSortChange={this.handleSortChange}
                        filter={this.state.filter}
                        onFilterChange={this.handleFilterChange}
                        onPageChange={this.handlePageChange}
                        total={this.state.total}
                        skip={this.state.skip}
                        pageSize={this.state.pageSize}
                        onItemChange={this.handleProviderChange}
                        resizable>

                        <GridColumn field="affiliationRelationshipStatusName" title="Network Relationship" filterCell={this.CategoryFilterCell} 
                                    cell={NetworkRelationshipCell} width="245px"/>
                         <GridColumn field="address" title="Places" filterable={false} cell={NetworkPlaceCell} 
                         width="245px"/> 
</Grid>

}
onExpandChange={this.expandChange}
pageable={this.state.pageable}
//scrollable=“true”
editField=“inEdit”
数据={this.state.providersPage}
sort={this.state.sort}
onSortChange={this.handleSortChange}
筛选器={this.state.filter}
onFilterChange={this.handleFilterChange}
onPageChange={this.handlePageChange}
总计={this.state.total}
skip={this.state.skip}
pageSize={this.state.pageSize}
onItemChange={this.handleProviderChange}
可调整大小>

---

请参阅剑道文档，但找不到任何解决方案。请建议

软件包附带GridNoRecords导出组件，您可以将其放置在网格内。它将在没有记录时呈现。 在导入网格本身时导入它：

        import { Grid, GridColumn, GridNoRecords } from '@progress/kendo-react-grid'

然后将其放置在网格中，并在其中包含一些内容

        <Grid data={[]}>
            <GridNoRecords>
                There is no data available
            </GridNoRecords>
            <GridColumn field="id" />
            <GridColumn field="name" />
        </Grid>

没有可用的数据

---

上面的示例来自。我相信这就是您想要的。

这些软件包附带GridNoRecords导出组件，您可以将其放置在网格中。它将在没有记录时呈现。 在导入网格本身时导入它：

        import { Grid, GridColumn, GridNoRecords } from '@progress/kendo-react-grid'

然后将其放置在网格中，并在其中包含一些内容

        <Grid data={[]}>
            <GridNoRecords>
                There is no data available
            </GridNoRecords>
            <GridColumn field="id" />
            <GridColumn field="name" />
        </Grid>

没有可用的数据

上面的示例来自。我相信这就是你要找的