Devextreme-reactive: How do i display more data in the same space, reduce the size of paddings, fonts and the size overall?

[JureSotosek]

• [x] I have searched this repository's issues and believe that this is not a duplicate.

Current Behaviour

Displaying data with the Table is very space inefficient if you have a lot of data.

Expected Behaviour

What is the best way to change the size of the table data to make it more space efficient/ to display more data in the same space. Do i change the font size, reduce the padding? What is the best way to do that?

[SergeyAlexeev]

Hi,
 
To reduce table cells' padding, you can override the Table plugin's cellComponent property.
 
Do not forget to apply the same changes to the TableHeaderRow plugin to keep Grid UI consistent. Please refer to this sample.
 
If you are using the dx-react-grid-bootstrap3 package, you can override styles for the table cell globally. This demo shows how to do this. The index.html file contains custom styles.

[lock[bot]]

This thread has been automatically locked since it is closed and there has not been any recent activity. Please open a new issue for related bugs or feature requests.