Доброго времени суток.
Искал различные решения для вывода таблиц в приложении на 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 - должен принимать значения переданные с сервера - имя и комментарий.
Подскажите, пожалуйста как это можно сделать. Есть ли какие-то статьи и видео с которыми можно ознакомиться, есть ли подробная документация по работе с компонентами в таких случаях.
Спасибо.