DHTMLX grid with react js

How can I run DHTMLX grid in react js as I want to create a page with excel type features with custom header title and the cell with both dropdown and editable mode.

Unfortunately there is no ready tutorial for using the dhtmlxGrid with react JS.
In your case you can create a react component and use it as a wrapper for dhtmlx grid, then you’ll be able to put it into your page. Inside a component you’ll be able to initialize dhtmlx grid when the component is added to the page and destroy it if the component is removed from the page.
Here is a good explanation of the approach, although on the example of jquery widgets (see the accepted answer)
stackoverflow.com/questions/388 … h-react-js
and here is the same done with another dhtmlx component
dhtmlx.com/blog/create-react-ga … tmlxgantt/