Vue.js 3의 정렬, 필터링 및 페이징 구성 요소를 사용하여 테이블 기능을 향상하세요.

Question

<p>한동안 조사해 왔지만 테이블에 정렬, 필터링 및 페이징 기능을 추가할 수 있는 Vue.js 3용 최신 구성 요소를 찾을 수 없는 것 같습니다. 프런트엔드에는 이미 모든 데이터가 있으므로 백엔드 API에 대한 추가 요청이 필요하지 않습니다. <br /><br />지금까지 제가 본 것은 오래되었거나, Vue 1/2에서 작동하거나, 무료가 아니거나, 다른 더 큰 프레임워크의 일부입니다. <br /><br />그런 구성요소가 존재하는지 아시는 분 계신가요? <br /><br />다음은 제가 조사하는 동안 본 내용에 대한 개요입니다.</p><p><ul><li>vuetifyjs - 데이터 테이블 구성 요소는 아직 개발 중입니다. 그리고 더 큰 프레임워크의 일부로. 퀘이사(quasar) - 테이블 구성 요소가 있지만 프레임의 일부입니다.

bootstrap-vue - 마지막 공식 릴리스는 1년이 넘었으며 Vue 3을 지원하지 않는 것 같습니다.

• vue-dataset - Vue 3을 지원하는 공식 릴리스 버전은 아직 없습니다.
• vue-good-table - Vue 3을 지원하는 공식 릴리스 버전은 아직 없습니다.
• vuejs-smart-table - 마지막 공식 릴리스는 2.5년 전이었습니다.
• vue-jd-table - 유일한 공식 릴리스는 4년 전이었습니다.
• coreui - 유료 버전 전용입니다. </li></ul><p><br /></p>

Answer 1

Primevue의 DataTable 구성 요소는 이러한 요구에 매우 적합합니다.