[Vuejs]-Vue renders table's whole rows under just first column's header instead of spreading the cells under all columns' headers

by

0👍

✅

The behaviour was caused by CSS class attached to the with “display: flex”.

0👍

Try this

<template v-for="row in dataRows">
    <tr-component :key="row.ID">
        <td-component v-for="cell in dataCells" :key="cell.ID"></td-component>
    </tr-component>
</template>

Leave a comment