Property 'allowSearching' does not exist on type '(IntrinsicAttributes & IntrinsicClassAttributes<GridComponent> & Readonly<{ children?: string | n...'.

[Pat Buchanan]

Hi, I am implementing the React Grid ("@syncfusion/ej2-grids": "^16.4.46") Everything is working fine but Typescript is reporting the following error when I add "allowSearching":

Property 'allowSearching' does not exist on type '(IntrinsicAttributes & IntrinsicClassAttributes & Readonly<{ children?: string | n...'.

I checked the Grid class and the allowSearching property is missing from the class definition, but it still functions properly.

<GridComponent
 enableHover={false}
 allowSelection={true}
 allowSorting={true}
 selectionSettings={this.cellSelectionSettings}
 cellSelecting={this.cellSelection}
 dataSource={...}
 allowGrouping={true}
 allowPaging={false}
 allowFiltering={false}
 allowSearching={true}
 toolbar={this.toolbarOptions()}
 allowPdfExport={true}
 allowExcelExport={true}
 toolbarClick={this.toolbarClick.bind(this)}
 pdfExportComplete={this.fileExpComplete.bind(this)}
 excelExportComplete={this.fileExpComplete.bind(this)}
 groupSettings={this.groupOptions}
 queryCellInfo={this.queryCellInfo}
 ref={g => (this.grid = g)}
 height="100%"
 gridLines="Both"
>

<Inject services={[Group, Toolbar, Search, Filter, Sort, ExcelExport, PdfExport, Page, CommandColumn]} />
GridComponent>

[Venkatesh Ayothi Raman]

Hi Pat, 

Thanks for using Syncfusion products. 

There is no allowSearching property in Grid. We can enable the search property by define the ‘search’ property in toolbar like as follows, 

public toolbarOptions: any = ['Search']; 

    render() { 

        return ( 

            <div className='control-pane'> 

                <div className='control-section row'> 

                    <GridComponent dataSource={categoryData} toolbar={this.toolbarOptions} allowPaging={true} pageSettings={{ pageSize: 10, pageCount: 5 }} > 

… 

                        <Inject services={[Toolbar, Page]} /> 

                    </GridComponent> 

                </div> 

 

            </div> 

        ) 

Please refer to the following online demo for more reference, 

https://ej2.syncfusion.com/react/demos/#/material/grid/searching 

Please let us know if you have any further assistance on this. 

Regards, 

Venkatesh Ayothiraman.  

[Pat Buchanan]

Thank you for your support.  That was exactly the problem.  Somehow I had thought it was necessary, but obviously not.

[Pavithra Subramaniyam]

Hi Pat, 

 

Thanks for your update. 

 

We are happy to hear that the provided information helps you. 

 

Please contact us if you need any further assistance. 

 

Regards, 

Pavithra S.