Releases · nhn/toast-ui.vue-grid

10 Oct 08:05

jung-han

v2.1.0

ed74ec2

v2.1.0 Latest

Latest

feat

#12 use option directly

<grid
  :data="gridProps.data"
  :columns="gridProps.columns"
  :options="gridProps.options"
  :theme="gridProps.myTheme"
  @check="onCheck"
  @uncheck="onUnCheck"
  :rowHeaders="gridProps.rowHeaders"
  :columnOptions="gridProps.columnOptions"
></grid>

fix

#11 Add 'object' to data type

Deprecate Method

setLanguage
applyTheme

Use static method, please.

import TuiGrid from 'tui-grid';

TuiGrid.setLanguage('ko');
TuiGrid.applyTheme('striped');

Assets 2

29 Aug 06:49

js87zz

v2.0.1

3a1b9bf

v2.0.1

Bugfixes

Fixed that custom event of grid is registered on props.(#10)
To prevent memory leak, calls destroy method of grid on beforeDestroy lifecycle method.(#10)

Chore

Update tui-grid version to ^4.5.0.

Assets 2

04 Jul 07:04

jung-han

v2.0.0

0c2ce75

v2.0.0

New Vue Wrapper For TOAST UI Grid 4.0 🎉🎉🎉

Breaking Changes

prop name change

rowData -> data
columnData -> columns

TOAST UI Grid has its own reactivity system, and does not use the reactivity system of Vue. So, instead of adding props in the data, declare props in the created lifecycle method.

// v1.0.0
<template>
  <grid
    :rowData="data" 
    :columnData="columns" 
  />
</template>
<script>
import 'tui-grid/dist/tui-grid.css'
import { Grid } from '@toast-ui/vue-grid'

export default {
  components: {
    'grid': Grid
  },
  data() {
    return {
      data: [ // for rowData prop
        {
          name: 'Beautiful Lies',
          artist: 'Birdy'
        },
        {
          name: 'X',
          artist: 'Ed Sheeran'
        }
      ],
      columns: [ // for columnData prop
        {
          header: 'Name',
          name: 'name',
        },
        {
          header: 'Artist',
          name: 'artist'
        }
        ]
      }
    }
  }
}
</script>


// v2.0.0
<template>
  <grid
    :data="gridProps.data" 
    :columns="gridProps.columns" 
  />
</template>
<script>
import 'tui-grid/dist/tui-grid.css'
import { Grid } from '@toast-ui/vue-grid'

export default {
  components: {
    'grid': Grid
  },
  created() {
    this.gridProps = {
      data: [ // for rowData prop
        {
          name: 'Beautiful Lies',
          artist: 'Birdy'
        },
        {
          name: 'X',
          artist: 'Ed Sheeran'
        }
      ],
      columns: [ // for columnData prop
        {
          header: 'Name',
          name: 'name',
        },
        {
          header: 'Artist',
          name: 'artist'
        }
      ]
    }
  }
}
</script>