Hi Justin Ebenezer,
Thanks for contacting Syncfusion Forums.
Query: “Unable to change eye icons in child records and parent record.”
From your query we understand that you need to change the eye icon based on the child elements. (ie) To change icon of both parent and child node, from eye to eye-slash when a parent node is being clicked and alos to change the icon of the clicked record alone if the record has no child record.
In TreeGrid, we have support for rendering checkbox column from 2019 Volume 1 release. Please refer the below link for help documentation,
We have achieved your requirement using check box feature and modified the icon as per your requirement with the help of CSS.
Refer the below style for your reference
|
.e-grid .e-gridcontent .e-css.e-checkbox-wrapper .e-frame::before,
.e-grid .e-css.e-checkbox-wrapper .e-frame.e-stop::before {
font: normal normal normal 14px/1 FontAwesome;
content: '\f06e';
}
.e-grid .e-gridcontent .e-css.e-checkbox-wrapper .e-frame.e-check::before {
font: normal normal normal 14px/1 FontAwesome;
content: "\f070";
}
.e-grid .e-gridheader .e-hierarchycheckbox span.e-icons {
display: none;
}
.e-grid .e-gridcontent .e-css.e-checkbox-wrapper span.e-frame {
border: 0px;
}
.e-grid .e-gridcontent .e-css.e-checkbox-wrapper .e-frame.e-icons,
.e-grid .e-gridcontent .e-css.e-checkbox-wrapper:hover .e-frame.e-icons,
.e-grid .e-gridcontent .e-css.e-checkbox-wrapper .e-frame.e-icons.e-stop
{
background-color: transparent;
}
|
For your convenience we have prepared a sample which can be referred below
please get back to us if you have further queries.
Regards,
Vignesh Natarajan.
