table cell multirows

[frankz]

how is it possible to build a table with column (s) with multi-row cells?

[dobbel]

with slots:

https://quasar.dev/vue-components/table#Example--Virtual-scroll-with-multiple-rows-for-a-data-row

<template v-slot:body="props">
        <q-tr :props="props" :key="`m_${props.row.index}`">
            <q-td colspan="100%">
                this is row 1
             </q-td>
        </q-tr>
        <q-tr :props="props" :key="`e_${props.row.index}`">
            <q-td colspan="100%">
                this is row 2
            </q-td>
        </q-tr>
</template>

[frankz]

@dobbel
I meant that in the cell “Frozen Yogurt " there was also " This is the second row generated from the same data”,
keeping the column width the same.
it was probably best that I specify a multi-line cell

[dobbel]

@frankz what you need is rowspan=“2” on the ‘name’ td ( e.g. Frozen Yochurt) of a table. Like this:

https://www.w3schools.com/code/tryit.asp?filename=GHE965NIU4JJ

[frankz]

But it doesn’t wrap, I have to insert a <BR>

[frankz]

I found this and will try it, it should work.
https://forum.quasar-framework.org/topic/844/word-wrap-using-in-datatables

[dobbel]

@frankz I found this:

https://stackoverflow.com/questions/1258416/word-wrap-in-an-html-table

https://stackoverflow.com/questions/6666532/how-to-force-table-cell-td-content-to-wrap/23761141