Enhance table functionality with sorting, filtering and paging components in Vue.js 3.
P粉419164700
2023-08-03 20:02:22
<p>I've been researching for a while but can't seem to find a recent component for Vue.js 3 that can add sorting, filtering, and paging capabilities to tables. The frontend already has all the data and no additional requests to the backend API are required. <br /><br />What I've seen so far is either outdated, works with Vue 1/2, isn't free, or is part of other larger frameworks. <br /><br />Does anyone know if such a component exists? <br /><br />Here is an overview of what I saw during my research:</p><p><ul><li>vuetifyjs - data table component still under development , and as part of a larger framework. </li><li>quasar - has a table component, but as part of the frame. </li><li>bootstrap-vue - The last official release was over a year ago and does not seem to support Vue 3. </li></ul></p><ul><li>vue-dataset - There is no official release version supporting Vue 3 yet. </li><li>vue-good-table - There is no official release version supporting Vue 3 yet. </li><li>vuejs-smart-table - The last official release was 2.5 years ago. </li><li>vue-jd-table - The only official release was 4 years ago. </li><li>coreui - paid version only. </li></ul><p><br /></p>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Primevue's DataTable component is very suitable for this need.