agel table

agel-table 要素 UI テーブルコンポーネントをシンプルにする

書類

• 公式ウェブサイト - 使用説明書

このコンポーネントは vue2.x に適しています。vue3.x の場合は、element-plus-crx から転送してください。

特性

このコンポーネントの考え方は、ページ上に複数のリストがある場合でも、テーブル オブジェクトを使用してすべての操作を実行することです。data1、data2、loading1、loading2... などの変数を多数定義する必要はありません。データでは、よりシンプルかつ明確であり、 vue2+elementUI に適しています。

• 柔軟性、ミニマリスト思考を維持し、コードを減らし、機能を増やし、より迅速な開発を実現します。
• 要素-UIテーブルコンポーネントのすべてのAPI、スロット、イベント、メソッドをサポート
• 純粋なデータ構成
• 統合されたページングコンポーネント
• メニューバー
• 動的な表示列と非表示列
• データブローカー
• 同一の行を自動的にマージする
• 仮想スクロールはビッグ データ レンダリングをサポート 10w+
• コンテナのサイズに合わせて高さを調整する

インストールして使用する

npm install agel-table --save

とてもシンプルです

 < template >
  < agel-table v-model =" table " > </ agel-table >
</ template >
 
< script >
export default {
  data ( ) {
    return {
      table : {
        // ...
      } ,
    } ;
  } ,
} ;
</ script >