How to further narrow DataGrid rows padding and also in between column

[shakeeluetian]

a) I have used <DataGrid Narrow="true"> but i want to further reduce padding. How can i do that?
b? How can i decrease the padding in between DataGrid columns?
c) Can we apply CSS on <DataGridColumns> ?

[stsrki]

It's not hard. First add the custom class name on DataGrid, to make sure you don't target the wrong tables:

<DataGrid Class="my-data-grid"
            @ref="dataGrid"
            TItem="Employee"

and then have some CSS

.my-data-grid tbody tr td {
    padding: .25rem;
}

[shakeeluetian]

Thank u very much