Creating Custom control for columms

Creating Custom control for columms

Posted by: shajiya.a on 29 March 2021, 8:02 am EST

• 

  shajiya.a

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 29 March 2021, 8:02 am EST - Updated 3 October 2022, 2:12 pm EST

  Hi,

  Have a requirement to create a custom control for columns using Flexgrid with React JS. Please help me to achieve this. Attached screenshot for your reference.

  Regards,
  
  Shajiya

  

  836×154 5.83 KB

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 30 March 2021, 6:33 am EST

  Hi Shajiya,

  You can use FlexGridCellTemplate react directive to display another react component inside the FlexGrid’s cell. Please refer to the demo link below:

  https://www.grapecity.com/wijmo/demos/Grid/CustomCells/CellTemplates/Overview/react

  This sample demonstrates how to display templates in all the parts of the grid but you only need to use the cellType=“Cell” templates.

  API: https://www.grapecity.com/wijmo/api/classes/wijmo_react_grid.flexgridcelltemplate.html

  Regards,
  
  Ashwin