x-extends/vxe-table

これは何？

主な機能

• 01追加・削除・更新・検索ができる編集可能なグリッド
• 02大規模なデータセット向けの仮想スクロールと仮想セル結合
• 03Excel風のセル範囲選択とコピー＆ペースト（エンタープライズ版）
• 04固定列、複数段ヘッダー、セル結合、行グループ化
• 05フィルタリング、複数項目での並べ替え、行と列のドラッグによる並べ替え
• 06データ検証、編集のUndo/Redo、キーボードによる完全な操作

ユースケース

• Vueで編集可能なデータグリッドを使った管理画面の構築
• スムーズなスクロールが必要な大規模テーブルデータの表示
• 検証機能を備えた、スプレッドシート風のデータ入力フォームの作成

クイックスタート

1. 1

   npmからパッケージをインストールします

   npm install vxe-table
2. 2

   コンポーネントとスタイルをインポートし、Vueに登録します

3. 3

   テンプレートでvxe-tableコンポーネントを使用し、dataとcolumnsを指定します

使う前に知っておきたいこと

• !インストール手順の対象はVue 3です。Vue 2版は別ブランチ（v3）です。
• !Internet Explorerには対応していません。
• !Excel形式のコピー／貼り付けやデータ集計など、一部の高度な機能はEnterprise Editionの機能として記載されています。

トピック

よくある質問

vxe-table とは？

Vue 2/3向けのPC用データテーブルコンポーネント。インライン編集、仮想スクロール、Excel風のコピー＆ペースト、フィルタリング、ピボット形式のグループ化に対応。 vxe-tableは、Vxe UIベースライブラリ上に構築された、PC向けWebアプリケーション用のエンタープライズ志向データグリッドコンポーネントです。行の追加・削除・編集・検索に加え、データ検証、編集のUndo/Redo、キーボードによる完全な操作に対応しています。

vxe-table は無料で使えますか？ライセンスは？

vxe-table は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

vxe-table は今もメンテナンスされていますか？

活発にメンテナンス中。vxe-table の最終コミットは 2026年11月5日 です。

vxe-table は何に使えますか？

Vueで編集可能なデータグリッドを使った管理画面の構築 スムーズなスクロールが必要な大規模テーブルデータの表示 検証機能を備えた、スプレッドシート風のデータ入力フォームの作成

vxe-table のインストール方法は？

npmからパッケージをインストールします: npm install vxe-table コンポーネントとスタイルをインポートし、Vueに登録します テンプレートでvxe-tableコンポーネントを使用し、dataとcolumnsを指定します

vxe-table はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/x-extends/vxe-table