Hi Sao,
Greetings from Syncfusion support.
Query: “Is it possible to change the detail icon (>)
into a Plus sign (+) and bold it?”
We have analyzed your query and suggest you to style detail
template arrow using CSS class by changing content of the icon from the
required theme. We have prepared an sample as per your shared reference. Kindly
check the attached code snippet and sample for your reference.
Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/DataGrid36567387.zip
|
<style >
.e-grid .e-icon-grightarrow::before,
.e-grid-menu .e-icon-grightarrow::before{
content: "\e805";
font-weight: bold;
}
.e-grid .e-icon-gdownarrow::before,
.e-grid-menu .e-icon-gdownarrow::before{
content: "\e805";
font-weight: bold;
}
.e-grid .e-detail-intent, .e-grid
.e-detailrowcollapse, .e-grid .e-detailheadercell{
content: "\e805";
font-weight: bold;
}
</style>
|
Reference: https://blazor.syncfusion.com/documentation/appearance/icons#bootstrap-5
https://blazor.syncfusion.com/documentation/datagrid/detail-template
Please let us know if you have any concerns.
Regards,
Monisha
