agel table

agel-table | Упростить компонент таблицы element-ui

документ

• Официальный сайт-Документация по использованию

Этот компонент подходит для vue2.x. Для vue3.x перенесите его из element-plus-crx.

характеристика

Идея этого компонента заключается в том, чтобы использовать объект таблицы для выполнения всех операций. Даже если на странице несколько списков, нет необходимости определять кучу переменных data1, data2, loading1, loading2... и других. в данных Это проще и понятнее и подходит для vue2+elementUI.

• Сохраняйте гибкость, минималистское мышление, меньше кода, больше функций и более быструю разработку.
• Поддерживает все API, слоты, события и методы компонента таблицы element-ui.
• Конфигурация чистых данных
• Интегрированный пейджинговый компонент
• строка меню
• Динамические видимые и скрытые столбцы
• брокер данных
• Автоматически объединять одинаковые строки
• Виртуальная прокрутка поддерживает рендеринг больших данных 10 недель+
• Адаптируйте высоту к размеру контейнера

Установите и используйте

npm install agel-table --save

так просто

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