@djon_pulse

Как передавать данные в компонент таблиц Revo Grid?

Доброго времени суток.
Искал различные решения для вывода таблиц в приложении на vue.
Наткнулся на весьма не плохой плагин Revo Grid
https://revolist.github.io/revogrid/guide/framewor...

Кто знаком с этим плагином, поделитесь пожалуйста опытом.

Мне нужно вывести внутри ячейки компонент и передавать в него данные полученные с сервера по API.
В документации понятно как вывести компонент в ячейки столбца, но я так и не понял как передать данные в компонент каждой ячейки.

Вот код
<template>
<div class="my-table">
<v-grid
        :source="table.rows"
        :columns="table.columns"
        resize="true"
        row-size="70"
      ></v-grid>
</div>
</template>

export default {
name: 'MyTable',
data() {
    return {
table: {
        columns: [
          {
            prop: 'name',
            name: 'Название,
            size: 320,
            pin: 'colPinStart',
            cellTemplate: VGridVueTemplate(CellNameAndComment),
          },
          {
            prop: 'contractors',
            name: 'Контрагенты',
            size: 280,
          },
        ],
        rows: [
          {
            name: 'Название в колонке 1',
            contractors: 'ООО "Ромашка 1"',
          },
          {
            name: Название в колонке 2',
            contractors: 'Ромашка 2',
          },
        ],
      },
}
}
}


С помощью cellTemplate можно передавать компонент или html шаблон внутрь ячейки.
CellNameAndComment - компонент который передается в ячейки столбца.

CellNameAndComment - должен принимать значения переданные с сервера - имя и комментарий.

Подскажите, пожалуйста как это можно сделать. Есть ли какие-то статьи и видео с которыми можно ознакомиться, есть ли подробная документация по работе с компонентами в таких случаях.
Спасибо.
  • Вопрос задан
  • 186 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы