agel table

agel-table |. Jadikan komponen tabel elemen-ui lebih sederhana

dokumen

• Dokumentasi penggunaan situs web resmi

Komponen ini cocok untuk vue2.x. Untuk vue3.x, harap transfer dari elemen-plus-crx.

ciri

Ide dari komponen ini adalah menggunakan objek tabel untuk melakukan semua operasi. Meskipun ada beberapa daftar pada halaman, tidak perlu mendefinisikan sekumpulan data1, data2, memuat1, memuat2... dan variabel lainnya. dalam data. Ini lebih sederhana dan jelas serta cocok untuk vue2+elementUI .

• Pertahankan fleksibilitas, pemikiran minimalis, lebih sedikit kode, lebih banyak fungsi, dan pengembangan lebih cepat
• Mendukung semua api, slot, acara, metode komponen tabel elemen-ui
• Konfigurasi data murni
• Komponen paging terintegrasi
• bilah menu
• Kolom dinamis terlihat dan tersembunyi
• perantara data
• Secara otomatis menggabungkan baris yang identik
• Pengguliran virtual mendukung rendering data besar 10w+
• Sesuaikan ketinggian dengan ukuran wadah

Instal dan gunakan

npm install agel-table --save

sangat sederhana

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