Our blazing fast Grid component built with pure JavaScript


Post by crazytrunk »

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/
Image
and after expense and collapse its showing dataset undefined , it makes me can not update state using store and make table rerender
Image
Image
thank you!


Post by tasnim »

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


Post by crazytrunk »

and btw could u guys update details for document for each library like vue/ reactjs with side by side example like ant design please?


Post by tasnim »

Sorry, I'm not sure what you want. Could you please provide some more details on that or elaborate a bit?


Post by crazytrunk »

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>

Post by crazytrunk »

the demo page code is writing in plain JS code it is really hard to follow or Am I missing it in document?


Post by johan.isaksson »

The demos published on the homepage are the built end results. To see the source for the Vue demos, download and extract the trial zip. You will find them under examples/frameworks/vue-3/

Best regards,
Johan Isaksson

Post by crazytrunk »

k good to know ty


Post Reply