Grid whit color picker

[Alex Siler]

Hi, I have the following problem with the color picker template. When you edit a row there are no problems with the control, but when I stop editing the row I can't make the control render and it remains in read-only format to show the selected color. Can I do that?  

https://stackblitz.com/edit/wsmvdn-i4nmfr?file=index.js

Best regards

[Thiyagu Subramani]

Hi Alex, 

Greetings from Syncfusion forum. 

We can achieve your requirement “Grid whit color picker” using rowDataBound event. Please  refer to the below code and sample link. 

function rowBound(args) { 

  if (args.data.color != undefined) { 

    args.row.cells[2].innerHTML = ""; 

    var cell = document.createElement('input'); 

    cell.id = "check"; 

    cell.type = "color"; 

    args.row.cells[2].appendChild(cell); 

    var colorObj = new ej.inputs.ColorPicker({ 

      value: args.data.color,  // you can set properties here.. 

      disabled: true 

    }); 

    colorObj.appendTo(cell); 

  } 

} 

Sample link: https://stackblitz.com/edit/wsmvdn-7rkmth?file=index.js 

Help documentation link. 

Link 1: https://ej2.syncfusion.com/javascript/documentation/api/color-picker/ 

Link 2: https://ej2.syncfusion.com/javascript/documentation/api/grid#rowdatabound 

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

Regards, 

Thiyagu S