Noted with thanks..
Built into the data-table component is a
.SetDense method, to decrease the row heights, add that call and make it True e.g.
tableName.SetDense(True)
As per Vuetify docs, it will give you a table like this below. For BANanoVuetify however as soon as you add action buttons like Edit, Delete, Print etc, the row heights increase because of the icon height sizes. You can decrease the icon sizes by applying one of the methods below.
For resizing the icon heights, we have added two methods
1. .SetIconDimensions and
2. .SetIconDimensions1 - this give you an additional paramater for column width, by default for actions columns its 80px...
For example, on the demo project, we added an edit & trash buttons to the structure of the data-table. We then applied an icon size and color with these calls.
dtUsers.AddEditThrash
dtUsers.SetIconDimensions("edit", "32px", "success")
dtUsers.SetIconDimensions("delete", "32p", "error")
This is depicted with this demo example:
This gives you the flexibility to adjust the color and size of the edit / trash buttons to be whatever size and color you want in this case.
Reference:
https://vuetifyjs.com/en/components/data-tables/
All the best!