title: No record display when grid is empty - Kendo React Grid
body: <p>We have a Kendo React grid and we need to show the No record found the message when data is empty.</p>
  
  <pre><code> &lt;Grid
                          sortable
                          filterable
                          expandField="expanded"
                          detail={props =&gt; &lt;DetailComponent
                              {...props}
                              onChange={this.handleDetailTemplateChange}
                              changed={[]}
  
                          /&gt;}
                          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&gt;
  
                          &lt;GridColumn field="affiliationRelationshipStatusName" title="Network Relationship" filterCell={this.CategoryFilterCell} 
                                      cell={NetworkRelationshipCell} width="245px"/&gt;
                           &lt;GridColumn field="address" title="Places" filterable={false} cell={NetworkPlaceCell} 
                           width="245px"/&gt; 
  &lt;/Grid&gt;
  </code></pre>
  
  <p>See Kendo documentation but couldn't find any solution. Please suggest</p>