Why are columns duplicated in Buefy?

Question

Vue.js

Hello. I use the Buefy component library in my application, the application is written in vuejs.

The problem is, when using the table component, it sometimes happens that the table columns are duplicated.
What could be the reason, has anyone had this? Did everything according to the documentation

Answer 1

Understood what was the matter.
When using a table, columns :columns="columns" are forwarded to the b-table component with props, but I have a custom view in almost all tables, so inside the b-table in the props slot I wrote my column output

<b-table-column v-for="(item, index) in columns" 
                :key="index" 
                :label="item.label">
                    {{
                        props.row[item.field]
                    }}
                </b-table-column>

This is the working code, it forms the columns and displays the data.
But since we are already forwarding the columns in b-table, it rendered them twice, we just had to remove the columns prop when calling the table component.
It was: It became: I hope it will be useful to someone))
<b-table :data="enroll" :columns="columns" >
<b-table :data="enroll" >