IgorPI
@IgorPI

Как добавить пользовательские элементы в таблицу b-table?

Как добавить пользовательские элементы в таблицу b-table?
b-table

Если бы данные были статичные, то засунуть кнопку не составило бы труда.
Данные загружаются в таблицу по API.

В b-table поддержка Formatter callback.

Но маловероятно что это мне поможет.

Мне нужно добавить пару кнопок в каждую строку и повесить обработчики событий.
  • Вопрос задан
  • 59 просмотров
Решения вопроса 1
IgorPI
@IgorPI Автор вопроса
В общем есть такая штука:

Называется "Custom data rendering"

Там есть инструкция, как это делается.

Выдержка из инструкции

Scoped slots give you greater control over how the record data appears. If you want to add an extra field which does not exist in the records, just add it to the fields array, And then reference the field(s) in the scoped slot(s).


Ну что-то типа вот этого

<b-table
                        no-local-sorting hover show-empty
                        select-mode="multi"
                        selectedVariant="success"
                        :items="this.products.items"
                        :fields="this.products.fields"
                        @row-selected="rowSelected"
                        @filtered="filtered"

                >

                    <template slot="mybutton" slot-scope="data">
                        <b-button variant="outline-primary">Edit</b-button>
                    </template>

                    <template slot="empty" slot-scope="scope">
                        <div class="text-center">
                            <h5>Пусто</h5>
                        </div>
                    </template>
                </b-table>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Enapter Санкт-Петербург
от 160 000 до 240 000 ₽
Ready for Sky Санкт-Петербург
от 120 000 до 160 000 ₽
28 февр. 2020, в 11:33
1000 руб./за проект
28 февр. 2020, в 11:29
1000 руб./за проект
28 февр. 2020, в 11:25
3000 руб./за проект