一身上の都合により

プログラミングとかの話

Vue のテーブルライブラリ(1)

Vue でデータを表示する目的のテーブルライブラリ(グリッドビュー?)が使いたかったので色々調べてみた。
今回の機能要件としては、

くらいかな。

とりあえずawesome-vueを参考にして、いくつか調べてみた。
github.com

vue-good-table

一番最初に見つけて使っていたのがこれだが、
Edit 機能がないので他に移ることに決めた。

ag-grid-vue

Vue Grid
結論としてはこれにした。
これ有料だった(Community版はあるけど)
JS3大フレームワークに対応しているし、
多機能だし、これでいい気がする。

Vuetable-2

GitHub - ratiw/vuetable-2: data table simplify! -- datatable component for Vue 2.x. See documentation at
一通り機能は揃ってるっぽいし、dependencies もVue.js とaxios だけで環境を選ばず使えそう。
ドキュメントに例のビューを表示しておいてほしいかな。

vue-datasource

https://github.com/coderdiaz/vue-datasource
デモ画面にはEdit ボタンがあるけど、ドキュメントが貧弱で使い方がよくわからない。

vuetiful-datatable

CodePen - Vue.JS 2 - Advanced Datatable Component
やりたいことは一通りできそうだし、使いやすそうだが、
最終コミットが2017年なのが気になる。

vue-easytable

GitHub - huangshuwei/vue-easytable: 🍉 Vue table components, support for cell edit,multi-head fixed, multi-column fixed, clumn drag, sort,conditional filter, custom column ...(vue table 组件,支持 单元格合并、单元格编辑、多表头固定、多列固定、列拖动、排序、自定义列、条件过滤、分页... )
ドキュメントが中国語だが、機能的には問題なさそう。

vue-bootstrap4-table

GitHub - rubanraj54/vue-bootstrap4-table: Advanced table based on Vue 2 and Bootstrap 4 ⚡️
パッと見Edit 機能がない。

vue-data-tables

GitHub - njleonzhang/vue-data-tables: A simple, customizable and pageable table with SSR support, based on vue2 and element-ui
これもなかなか多機能でドキュメントもしっかりしている。
ElementUIベースなので、ElementUIを使うときにはこれがいいんじゃないかな。