ele easy tableダウンロード-ELE ele easy tableソースコードのダウンロード

ele easy table

その他のカテゴリー

1.0.0

ダウンロード

ELE-EASY-TABLE

インストール

 npm install ele-easy-table -S

導入

 import 'ele-easy-table'

コードデモンストレーション

 <ele-easy-table :form="form" :table="table" :formData.sync="formData" @getList="handleSearch"></ele-easy-table>

詳細については、デモソースコードを参照してください

知らせ

Element-UIに依存すると、プロジェクトはElement-UIをインストールする必要があります

ソースコードで使用されるElement-UIバージョン

 "element-ui": "^2.4.5"

API

小道具

財産	説明します	タイプ	デフォルト値
形状	フォームクエリ条件領域	物体	{}
テーブル	フォームディスプレイ領域	物体	{}
formdata.sync	フォームクエリフィールド	物体	{}
ページネーション	ページネーションエリアを表示するかどうか	[ブール、オブジェクト]	真実
その他の属性	エルテーブルネイティブ属性	参照ELテーブルネイティブ属性	-

フォームサブ構成アイテム

財産	説明します	タイプ	デフォルト値	述べる
クラス	フォームクエリコンディションエリアスタイル設定	物体	-	-
スタイル	フォームクエリ条件エリアのジョイントスタイル設定	物体	-	-
foldnum	フォームクエリ条件を折り畳む	番号	-	そのようなパラメーターは表示されません
リスト	テーブルクエリ条件リスト	配列	-	詳細については、デモソースコードを参照してください

テーブルサブ構成アイテム

財産	説明します	タイプ	デフォルト値	述べる
リスト	テーブルデータリスト	配列	-	-
列	テーブルヘッドリスト	配列	-	詳細については、デモソースコードを参照してください
アスロード	ディスプレイテーブルがアニメーションをロードするかどうか	ブール	-
showindex	シリアル番号を表示するかどうか	ブール	真実
indexFixed	シリアル番号列を修正するかどうか	ブール	間違い
IndexLabel	カスタムシリアル番号列ヘッダーテキスト	弦	シリアルナンバー
選択	複数のオプションの構成を形成します	物体	{}

選択亜コースアイテム

財産	説明します	タイプ	デフォルト値	述べる
config	マルチ選択属性	物体	-	-

Paggment Subcourseアイテム

エルパグメントネイティブ属性

方法

@getlist（）

ページの切り替えまたはページごとのディスプレイの数が実行され、データを取得し、テーブルにリストを割り当てます。リストアップデートリスト

その他の要素テーブルイベント

El-Tableネイティブイベントなど：@Select-Change = "HandleSelectionChange"詳細については、デモソースコードを参照してください

歴史

v1.1.3

1.複数の構成に対して新しいフォームが選択されています
2。v-bind = "$ attrs" v-on = "$リスナー"移植エルテーブルネイティブ属性を使用します
詳細については、Ele-Easy-Table-Demoを参照してください

v1.1.4

El-Paginationコンポーネントは、新しいネイティブ構成アイテムを追加します

v1.1.5

カスタムヘッドコンテンツを追加しました

v1.1.6

テーブルシリアル番号表示条件の最適化

v1.1.7

入力ボックスを追加して、ボタンクエリフォームの入力をサポートします

v1.1.8

フォーム番号表示バグを修復します

v1.1.9

テーブル番号のテーブル番号を修正してくださいページが裏返されないときにバグを表示します

v1.2.0

クエリ条件サポート折りたたみ

v1.2.1

スロットタイプクエリ条件は、構成が折りたたまれているかどうかをサポートします

v1.2.2

テーブルハンドレックインシデントは、行、Columbal、$ INDEX、およびSTORE（内部状態管理）のデータを取得できる2番目のパラメータースコープをサポートしています。

v1.2.3

新しいhandleExpandイベント（折りたたみの状態後の回復イベント）

イベント	説明します	パラメーター
handleExpand	折りたたんだ後のインシデントを呼び出します	isexpand

テーブルは内部スタイルのオーバーフローで追加されます：目に見えるヘッダーの粘度レイアウトを実現します。
注：スコープスタイルの場合、使用する必要があります>>>操作シンボル（ドキュメントCSSアクションドメインを参照）
```
 /* 全局样式 */
. el-table__header-wrapper {
  position : sticky;
  top : 0 ;
  z-index : 999 ;
}
/* scoped 局部样式 */
. ele-easy-table-demo > > > . el-table__header-wrapper {
  position : sticky;
  top : 0 ;
  z-index : 999 ;
}
```
詳細については、デモソースコードを参照してください
注：列と同時に使用することはできません。