Hi, I want to reduce the height of the rows in a table to have a more compact view of the table. The table has 12 rows so it covers more than a 13" screen I've tired using a template node with the following code <template> <v-table density="compact"> </v-table> </template> <style> .…

Under the Theming Tab for dashboard 2.0 there is a general setting with this regard (Row Height = Compact). Probably this is already sufficient for your needs: [image]

Just in case, further compactness needed,.. [image] UI-Theme - Row height Dashboard 2 things to adjust Font size and the row height. Find good balance between those. .nrdb-ui-table .v-table--density-default{ --v-table-row-height: 20px; } .nrdb-ui-table .v-table__wr…

Node-RED

Node-RED Forum

Dashboard 2.0 - format table

General

smanjunath211 4 March 2025 11:46 4

Just in case, further compactness needed,..

1 Like

Topic		Replies	Views
UI-Theme - Row height Dashboard dashboard-2	8	100	9 February 2025
Dashboard 2 - Experimenting with v-data-table Dashboard dashboard-2	6	449	27 May 2024
Dashboard2 CSS for adjust to increase the height of the rows Dashboard node-red-dashboard , dashboard-2	7	101	23 March 2025
Row height in tab layout Dashboard dashboard-2	2	48	15 July 2025
Ui-template - HTML Table - How to adjust the height to desired height? Dashboard html , ui-template	7	158	13 August 2024

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Dashboard 2.0 - format table

Related topics