Programmatically enable custom editor to a cell

While rendering data in table I am adding a custom editor to each cell based on its data type, but default they should be non editable mode,
var selectRowProp = {
mode: "radio",
clickToSelect: true,
onSelect: (row, isSelected,evt) => {
if(evt.target.parentElement.nodeName =="TR") {
$(evt.target.parentElement).find("td").attr("editable",true);
}
};

text
< /TableHeaderColumn>
< /BootstrapTable>

So in above code and editable=false to make it non editable initially,
after selection of that row i want make enable the custom editor, So I am enabling the cells in onSelect event as mentioned above in selectRowProp, but it's not working

Please let me know what i am doing is correct or not

Thanks in advance