vue3-easy-data-table

Introduction

vue3-easy-data-table is a customizable and easy-to-use data table component made with Vue.js 3.x.

Website

https://hc200ok.github.io/vue3-easy-data-table-doc/

Features

1. Item slot
2. Buttons pagination
3. Multiple selecting
4. Pagination slot
5. Single field sorting
6. Searching
7. Server side paginate and sort
8. Loading slot
9. Footer customization
10. Filtering (new feature since version 1.2.3)
11. Click row (new feature since version 1.2.4)
12. Column width (new feature since version 1.2.10)
13. Fixed columns (new feature since version 1.2.10)
14. Header slot (new feature since version 1.2.25)
15. Expand slot (new feature since version 1.3.2)
16. Style customization (new feature since version 1.3.11)
17. Border cell (new feature since version 1.3.11)
18. Class name customization (new feature since version 1.3.11)

Getting started

$3

#### Install
``js
npm install vue3-easy-data-table
// or
yarn add vue3-easy-data-table
`

#### Regist
`js
import Vue3EasyDataTable from 'vue3-easy-data-table';
import 'vue3-easy-data-table/dist/style.css';

const app = createApp(App);
app.component('EasyDataTable', Vue3EasyDataTable);
`

#### Use
`js



`

$3


`html

:headers="headers"
:items="items"
/>


``

Todo

1. Refactory.
3. Make table header customizable 🎛️.
4. Vitual table rows.
5. Mobile responsive.

Contribution

Shout out to the people who made new feature requests and reported issues to make this component better.