# Dashboard2 CSS for adjust to increase the height of the rows

**URL:** <https://discourse.nodered.org/t/dashboard2-css-for-adjust-to-increase-the-height-of-the-rows/96154>\
**Category:** Dashboard\
**Tags:** node-red-dashboard, dashboard-2\
**Created:** [21 March 2025 13:21 UTC](https://discourse.nodered.org/t/dashboard2-css-for-adjust-to-increase-the-height-of-the-rows/96154 "2025-03-21T13:21:05Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![rafasimple](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/rafasimple/32/80215_2.png) [@rafasimple](https://discourse.nodered.org/u/rafasimple)\
**Post date:** [21 March 2025 13:21 UTC](https://discourse.nodered.org/t/dashboard2-css-for-adjust-to-increase-the-height-of-the-rows/96154/1 "2025-03-21T13:21:05Z")

</div>

I need to increase the height of the raws table1 , depending of the registers from other template(table2),like the image

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/b/2b9848edf6e94c997f174aa4ab1f5fdd35c97141.png)  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/4/44d890cab732570c16b356a905c4d2759a0ad38b.png)

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [21 March 2025 13:31 UTC](https://discourse.nodered.org/t/dashboard2-css-for-adjust-to-increase-the-height-of-the-rows/96154/2 "2025-03-21T13:31:47Z")

</div>

Hi. It is unclear what you mean.

Do you mean you want nested tables? I.e. expanding rows?  
Like [this table demo](https://play.vuetifyjs.com/#eNqdVm1P2zAQ/itWhNQiNSm0DFBU2IsmbR9gQxoSHygfTHJtvTovsp2ULsp/39l5bRM2Sr/UuTvf89w9vjiPmfU5jp00Acu1ZgqCmFMF1/OQkFlq+1RRW9FnDtpAiLsUURLbz9uruWWWX7Zzq3StgPogJHrKVe1hmFbbVRTx2qqNdkp5AugJaQCVY8V8sH1Y0IQrexFFCoR2GEpIqqJIUlvySJWMCkjMlJnEI+JFPAlCOSIqWi45fNNRI8KkWfyMIST53Cpz6qyiXusnn7iYQMY0xJRlKodDuFSr1i4T67OUeJxKXaBvLzi8EMrZMrQ9CDX13XDT1WcV7tp0j7xIY7UIDnUhx+QjGRzBCzLxB8TFdQgvalD1qvkhyUjXH4DPksDGJq2oZHW3m58PoWRKC+hFwSIShbqdMMn+aGFkQDnvelMqGA0VBkSJ4iwEvxvzyePMWxvZawWKmvZjr2dj0xTs1F6vtAJ1dwNpn2E77/EUkfttDC7JCrUdc4xIns/GesOuPmMUqK3tWPmN7ONad1zunH1k1Bx+NO348VF6gsWKSFBJbHagflKRcijIFXnMyBq2qJhCqoMRiQQeUHyk0huQ/KkotdhUzoveVJDJKoKKKY51DkzNP3BIBqPKZQ4ZuqSiQjVmWSrqkgXlEmp7wUXPWRWbl/9ZjfIAbLlSw/XyGPkWGzbGhIQ7wTdmGoZe0AQXA9IXfCeYB8OjJjTWhipypxnmJdHTCk0dN36nQQCiqbcg6JIT50NtK3i4ZHpSmwyeS04bi5YF8630YO13ZA/zlydg4wuW9gNPOsCTDnBD7gDcr4Jx3kU87Sl10pgqxE6pcbRpCni1Vrrpq/Gig9jKXzX3XUXe0xjILVCZiNbpbpCnHeSWiCXy5T5wYPKxcPk/9BtIoafFJ85ZB/a8W3Cj/KG4DwJCb9UHfP4Gbd93jO84w7fMG3vcwWxOwCGTgzF9QzNxmgpen9ZWxw85wrf44cACwMv3ba+Jbq0tKv8WFt9ceOeYq+DaGll4E66l81tGIX5MZXjDSryA3cenHH0siPHVbAc0bgUURh2U5bmVj6ypc+ZMLzF86lw4p7hQIoGnv62jwsQ=)

---

<div class="post-metadata">

**Author:** ![rafasimple](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/rafasimple/32/80215_2.png) [@rafasimple](https://discourse.nodered.org/u/rafasimple)\
**Post date:** [21 March 2025 13:55 UTC](https://discourse.nodered.org/t/dashboard2-css-for-adjust-to-increase-the-height-of-the-rows/96154/3 "2025-03-21T13:55:46Z")

</div>

yes i need to expand the raws depending of the registers for other tables  
like the image  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/optimized/3X/7/2/72d6ae3c6e047b7c275c62bb5ff3672591c05133_2_690x84.png)

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [21 March 2025 13:59 UTC](https://discourse.nodered.org/t/dashboard2-css-for-adjust-to-increase-the-height-of-the-rows/96154/4 "2025-03-21T13:59:10Z")

</div>

The built in table node does not support nested tables.

You can adapt the example I linked to using a `ui-template` node.

the docs for the ui-template are here: [Template ui-template | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/nodes/widgets/ui-template.html)

the docs for the [table demo](https://play.vuetifyjs.com/#eNqdVm1P2zAQ/itWhNQiNSm0DFBU2IsmbR9gQxoSHygfTHJtvTovsp2ULsp/39l5bRM2Sr/UuTvf89w9vjiPmfU5jp00Acu1ZgqCmFMF1/OQkFlq+1RRW9FnDtpAiLsUURLbz9uruWWWX7Zzq3StgPogJHrKVe1hmFbbVRTx2qqNdkp5AugJaQCVY8V8sH1Y0IQrexFFCoR2GEpIqqJIUlvySJWMCkjMlJnEI+JFPAlCOSIqWi45fNNRI8KkWfyMIST53Cpz6qyiXusnn7iYQMY0xJRlKodDuFSr1i4T67OUeJxKXaBvLzi8EMrZMrQ9CDX13XDT1WcV7tp0j7xIY7UIDnUhx+QjGRzBCzLxB8TFdQgvalD1qvkhyUjXH4DPksDGJq2oZHW3m58PoWRKC+hFwSIShbqdMMn+aGFkQDnvelMqGA0VBkSJ4iwEvxvzyePMWxvZawWKmvZjr2dj0xTs1F6vtAJ1dwNpn2E77/EUkfttDC7JCrUdc4xIns/GesOuPmMUqK3tWPmN7ONad1zunH1k1Bx+NO348VF6gsWKSFBJbHagflKRcijIFXnMyBq2qJhCqoMRiQQeUHyk0huQ/KkotdhUzoveVJDJKoKKKY51DkzNP3BIBqPKZQ4ZuqSiQjVmWSrqkgXlEmp7wUXPWRWbl/9ZjfIAbLlSw/XyGPkWGzbGhIQ7wTdmGoZe0AQXA9IXfCeYB8OjJjTWhipypxnmJdHTCk0dN36nQQCiqbcg6JIT50NtK3i4ZHpSmwyeS04bi5YF8630YO13ZA/zlydg4wuW9gNPOsCTDnBD7gDcr4Jx3kU87Sl10pgqxE6pcbRpCni1Vrrpq/Gig9jKXzX3XUXe0xjILVCZiNbpbpCnHeSWiCXy5T5wYPKxcPk/9BtIoafFJ85ZB/a8W3Cj/KG4DwJCb9UHfP4Gbd93jO84w7fMG3vcwWxOwCGTgzF9QzNxmgpen9ZWxw85wrf44cACwMv3ba+Jbq0tKv8WFt9ceOeYq+DaGll4E66l81tGIX5MZXjDSryA3cenHH0siPHVbAc0bgUURh2U5bmVj6ypc+ZMLzF86lw4p7hQIoGnv62jwsQ=) are here: [Data table component — Vuetify](https://vuetifyjs.com/en/components/data-tables/basics/#group-header-slot)

---

<div class="post-metadata">

**Author:** ![rafasimple](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/rafasimple/32/80215_2.png) [@rafasimple](https://discourse.nodered.org/u/rafasimple)\
**Post date:** [21 March 2025 14:01 UTC](https://discourse.nodered.org/t/dashboard2-css-for-adjust-to-increase-the-height-of-the-rows/96154/5 "2025-03-21T14:01:24Z")

</div>

the tables are 2 templates, table 1

 Hora Real Target Acum Estado {{ item.room }} **{{ item.current }}** {{ item.target }} {{ item.id }} {{ getIcon(item) }} 
 .text-center { text-align: center; } 

table 2

 Herramienta Departamento Falla Hora Inicio Hora Cierre Tiempo Comentario 

```
<!-- Customize how each row is displayed -->
<template v-slot:item="props">
  <tr>
    <td>{{ props.item.herramienta }}</td>
    <td>{{ props.item.depto }}</td>
    <td>{{ props.item.fall }}</td>
    <td>{{ (props.item.horainicio) }}</td>
    <td>{{ (props.item.horacierre) }}</td>
    <td>{{ props.item.tiempo }}</td>
    <td>{{ props.item.comentario }}</td>
    <td>{{ props.item.rango }}</td>
  </tr>
</template>

```

---

<div class="post-metadata">

**Author:** ![rafasimple](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/rafasimple/32/80215_2.png) [@rafasimple](https://discourse.nodered.org/u/rafasimple)\
**Post date:** [21 March 2025 15:44 UTC](https://discourse.nodered.org/t/dashboard2-css-for-adjust-to-increase-the-height-of-the-rows/96154/6 "2025-03-21T15:44:34Z")

</div>

colspan is that i need, but in the template not works

---

<div class="post-metadata">

**Author:** ![rafasimple](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/rafasimple/32/80215_2.png) [@rafasimple](https://discourse.nodered.org/u/rafasimple)\
**Post date:** [23 March 2025 17:27 UTC](https://discourse.nodered.org/t/dashboard2-css-for-adjust-to-increase-the-height-of-the-rows/96154/7 "2025-03-23T17:27:53Z")

</div>

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/4/34579b483c9d76b1c814ad7601fba6006e32891a.jpeg)  
Completed

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [6 April 2025 17:28 UTC](https://discourse.nodered.org/t/dashboard2-css-for-adjust-to-increase-the-height-of-the-rows/96154/8 "2025-04-06T17:28:43Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.