vxe-table vueテーブルセット機能

より強力な機能のVueテーブルコンポーネント
vxe-tableを参照してください
機能点
•基礎
•サイズ
•しま模様
•枠付き
•セルスタイル
•列の幅をドラッグする
•流体の高さ
•ピンを固定する
•列を固定する
•表と列を固定する
•ヘッダグループ
•シリアル番号
•単一選択
•複数選択
•並べ替え
•フィルタ
•並列または列に合わせる
•表尾合計
•CSVをエクスポート
•列の表示/非表示
•ロード中
•書式設定内容
•カスタムテンプレート
•ショートカットメニュー
•レンダリング
•展覧会を開く
•ツリー表
•テーブルの編集ができます
•データチェック
•フルキーボード操作
•Excel表
例

<template>
 <div>
 <vxe-table ref="xTable" :data.sync="tableData">
  <vxe-table-column type="index" width="60"></vxe-table-column>
  <vxe-table-column prop="name" label="Name"></vxe-table-column>
  <vxe-table-column prop="date" label="Date"></vxe-table-column>
  <vxe-table-column prop="address" label="Address"></vxe-table-column>
 </vxe-table>
 </div>
</template>

<script>
export default {
 data () {
 return {
  tableData: [
  {
   id: 10001,
   name: 'test1',
   sex: 'Man',
   date: '2019-05-01',
   address: 'address abc123'
  }
  ]
 }
 }
}
</script>

締め括りをつける
以上は小编が皆さんに绍介したvxe-tableのテーブルセットの机能です。皆さんに助けてほしいです。もし何か疑问があれば、メッセージをください。小编はすぐに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。