hoc element table

@Hoc-Element/Table

<el-xxx> webpack 5に基づいtable 、vue 3.xを構成します重複操作を削減し、開発をより効率的にします。

このコンポーネントライブラリは、学習、参照、および二次開発に利用できます

ライブデモ

バージョン

• VUE 3.Xバージョン｜ VUE 2.xバージョン

スクリーンショット

環境サポート

• VUE 3.2.x

インストール

npm install @hoc-element/table

# or

pnpm add @hoc-element/table

クイックスタート

• 使用する前にElement-Plusをインストールしてください

 import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import HocElTable from '@hoc-element/table'
import App from './App.vue'

createApp ( App )
  . use ( ElementPlus )
  . use ( HocElTable )
  . mount ( '#app' ) 

Changelog

各リリースの詳細な変更は、リリースノートに文書化されています

特徴

• Webpack 5に基づいています
• 完全なサポートVUE 3
• 高速構成のためにJSONシリアル化テーブルをサポートします
• ページネーションがPaginationで構築されています
• prop名をサポートします
• セルコンテンツのカスタムレンダリングをサポート[構成のレンダリングの単位を参照]
• カスタムセルstyleをサポートします
• バインディングカスタム命令directivesをサポートします
• サポートされているelement-plusネイティブTable EventsとMethods
• HeaderとPaginationの隠されたコントロールをサポートします

ユニットグリッドレンダリング構成の説明

方法	説明します	シーン
---	レンダリングユニットのattrs.propに対応するキー値	問題を直接表示する値シーンに適用できます
与える	文字列のレンダリング	デフォルトの小道具の値のためにいくつかのマイクロ処理シナリオに適用される
renderhtml	指定されたDOM要素をレンダリングします	これは、一般的に最後の列で使用されているディスプレイアクションに適しています（現在、El-Buttonのレンダリングのみをサポートしています。詳細の例を参照）
rendercomponent	レンダリングコンポーネント	セルに表示する必要があるシナリオに適用できます。詳細については、例を参照してください

exmple

これは比較的完全な例であり、APIのほぼすべての使用法、ソースコードはこれを突く：コード

展開する

倉庫を参照してください