How to fix the first column and make it out of filter controlling?

[A-User]

Is there any API or attribute can fix the first column even the column is not selected in filter and re-filter.

[Manivannan Padmanaban]

Hi Allen, 

Thanks for contacting Syncfusion Support.  

Query: How to fix the first column and make it out of filter controlling? 

From the above query, we are able to understand you want to disable the filtering behavior of particular column. Using allowFiltering property, we can dynamically change the filtering behavior of particular column. Refer the below code example, 

……………………………. 

ReactDOM.render(    

<EJ.Grid dataSource = {window.gridData} allowPaging = {true} allowFiltering={true}> 

<columns> 

    <column field="OrderID"  allowFiltering = {false}/> 

    <column field="EmployeeID" /> 

…………………………… 

</columns>    

</EJ.Grid>, 

document.getElementById('Grid') 

); 

Please get back to us, if you need further assistance. 

Regards, 

Manivannan Padmanaban. 

[A-User]

Hi,

The allowFiltering = {false} doesn't work.

The column can be filtered even "allowFliltering" has been set as false.

Any suggestion? 

Thanks.

[Manivannan Padmanaban]

Hi Allen, 

 

Thanks for contacting Syncfusion Support. 

 

Query: The column can be filtered even "allowFliltering" has been set as false. 

 

We are unable to reproduce the reported issue at our end. Kindly refer the below code example, 

 

<div id="Grid"></div> 

     

  <script type="text/babel"> 

    $(function(){ 

     

    ReactDOM.render(  

      <div id="Grid2"> 

            <table > 

             <tr> 

          <td> 

            <EJ.Grid id="Grid_1" dataSource = {window.gridData}  allowPaging = {true} allowFiltering = {true}  > 

                     <columns> 

                <column field="OrderID"  allowFiltering={false}/> 

…………………………………. 

            </columns>    

                        </EJ.Grid> 

               </td> 

               </tr> 

          

           </table> 

           </div>,    

          document.getElementById('Grid') 

        ); 

     

     

    }); 

   </script> 

 

 

 

 

Output: 

 

See the below image OrderID column filtering is disabled. 

 

 

For your convenience we have created the sample, refer the below link. 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/ReactJS-1234799092.zip  

 

After referring the above sample, still facing the issue please get back to us with the below details. 

 

1. Share the complete Grid code example.
2. Share the Essential Studio version are you using.
3. Reproduce the issue the shared sample or share the issue reproducing sample.

 

Provided details will help us, to resolve the reported issue as early as possible. 

 

Regards, 

Manivannan Padmanaban.