agel table

age-table | element-ui 테이블 구성 요소를 더 간단하게 만들기

문서

• 공식 웹사이트-사용 문서

이 구성 요소는 vue2.x에 적합합니다. vue3.x의 경우 element-plus-crx에서 전송하세요.

특성

이 구성 요소의 아이디어는 테이블 개체를 사용하여 모든 작업을 수행하는 것입니다. 페이지에 여러 목록이 있어도 data1, data2, loading1, loading2... 및 기타 변수를 정의할 필요가 없습니다. 더 간단하고 명확하며 vue2+elementUI에 적합합니다.

• 유연성, 미니멀한 사고, 더 적은 코드, 더 많은 기능, 더 빠른 개발 유지
• Element-UI 테이블 구성요소의 모든 API, 슬롯, 이벤트, 메소드를 지원합니다.
• 순수 데이터 구성
• 통합 페이징 구성 요소
• 메뉴바
• 동적 표시 및 숨겨진 열
• 데이터 브로커
• 동일한 행을 자동으로 병합
• 가상 스크롤은 빅데이터 렌더링 10w+를 지원합니다.
• 컨테이너 크기에 맞게 높이 조정

설치 및 사용

npm install agel-table --save

너무 간단하다

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