I have read the other questions and answers about this however I still couldn't make it work.
The default row height is 36px. I want to make it smaller. I use RowRender action on the DataGrid. If I make it greater than 36px, it works fine. But when I set the row height smaller than 36px, nothing changes.
Even playing with dev tools doesn't affect anything. Any idea about what I'm missing?
By default there is no height set. The td has 0.5rem (8px) padding. This combined with the default line-height of 20px makes for the 36px height. So to decrease it you have to set your own padding (less than 8px) and line-height.
You have the proof that it works indeed Somehow, when I try the same thing on my project, nothing changes. I will remove all custom css classes and retry.