Hi guys I'm using treegrid in vue 3 but in the demo page event component u guys showing are buggy, how can I deal with this? I'm using Bryntum ver 5.3.0
https://bryntum.com/products/grid/examples/frameworks/vue-3/javascript/treegrid/dist/
and after expense and collapse its showing dataset undefined , it makes me can not update state using store and make table rerender
thank you!
Support Forum
Hi,
Thank you for reporting. Opened a ticket to fix it https://github.com/bryntum/support/issues/6365
Made it high-prio
, so it will be fixed as soon as possible.
Good Luck ,
Tasnim
I mean the document , I really hope theres a document for each library, like for example vuejs, when I using table , It will show me demo table, and how to import it using vue 2 , how to use method, api , etc...
like this
<template>
<a-table :columns="columns" :data-source="data" bordered>
<template #name="{ text }">
<a>{{ text }}</a>
</template>
<template #title>Header</template>
<template #footer>Footer</template>
</a-table>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
const columns = [
{
title: 'Name',
dataIndex: 'name',
slots: { customRender: 'name' },
},
{
title: 'Cash Assets',
className: 'column-money',
dataIndex: 'money',
},
{
title: 'Address',
dataIndex: 'address',
},
];
const data = [
{
key: '1',
name: 'John Brown',
money: '¥300,000.00',
address: 'New York No. 1 Lake Park',
},
{
key: '2',
name: 'Jim Green',
money: '¥1,256,000.00',
address: 'London No. 1 Lake Park',
},
{
key: '3',
name: 'Joe Black',
money: '¥120,000.00',
address: 'Sidney No. 1 Lake Park',
},
];
export default defineComponent({
setup() {
return {
data,
columns,
};
},
});
</script>
<style>
th.column-money,
td.column-money {
text-align: right !important;
}
</style>