Dashboard2 CSS for adjust to increase the height of the rows

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


Hi. It is unclear what you mean.

Do you mean you want nested tables? I.e. expanding rows?
Like this table demo

yes i need to expand the raws depending of the registers for other tables
like the image
image

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

the docs for the table demo are here: Data table component — Vuetify

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>

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


Completed