Как увеличить ширину стола

Question

I am trying to increase table width and fill extra spaces but columns are not changing with respect to width I am giving width to my like below:

             {{user.id}}  {{user.case_id}}  {{user.user_id}}  {{user.message_title}}  {{user.process_type}}  {{user.msg_code}}  {{user.log_type}}  {{user.created_at}}    

Я также прикрепил снимок экрана с моей таблицей данных:

введите описание изображения здесь

Где я ошибаюсь?

Answer 1

Общая ширина столбцов должна быть 100%. Пожалуйста, попробуйте это.

<tr v-for="user in paginatedUsers" :key="user.id">
    <td style="width: 5%">{{user.id}}</td>
    <td style="width: 10%">{{user.case_id}}</td>
    <td style="width: 10%">{{user.user_id}}</td>
    <td style="width: 20%">{{user.message_title}}</td>
    <td style="width: 20%">{{user.process_type}}</td>
    <td style="width: 5%">{{user.msg_code}}</td>
    <td style="width: 10%">{{user.log_type}}</td>
    <td style="width: 20%">{{user.created_at}}</td>
</tr>