티스토리 뷰
목차
반응형
무료로 사용할 수 있는 vue.js 테이블 vue-good-table에 대한 포스트입니다.
vue.js에선 프로젝트에 바로 적용해서 사용할 수 있지만, 타입스크립트가 적용된 프로젝트라면 약간의 추가 작업이 필요합니다.
총 2가지 작업이 필요한데요. shims-vue.d.ts 파일에 모듈을 추가하고, 사용할 vue 파일에서 임포트하는 형태만 잡아주면 됩니다. 간단하지만 중요하니 꼼꼼히 확인해 주세요.
1. shims-vue.d.ts 추가
declare module 'vue-good-table' {
import VueGoodTable from 'vue-good-table';
}
2. vue 파일 임포트
import * as VueGoodTable from 'vue-good-table';
import 'vue-good-table/dist/vue-good-table.css';
...
...
components: {
'vue-good-table':
require('vue-good-table').VueGoodTable,
}
그리고 사용 방법에 대해선 아래 일본 프로그래머의 글을 추천합니다. 크롬에서 열어 번역을 누르면 한국어 사이트처럼 이용할 수 있습니다.
그리고 전체 메뉴얼 및 공식 사이트는 아래입니다.
반응형