Vue Js Components

Posted on  by admin

# Tooltip

Tables / data grids. vuetable-2(opens new window) - Data table simplify. vue-tables-2(opens new window) - Vue.js 2 grid components. vue-datasource(opens new window) - A Vue.js server-side component to create dynamic tables.

ag-grid-vue(opens new window) - Vue adaptor for ag-Grid. vue-data-tables(opens new window) - Vue2.0 DataTables, based on element-ui. vue-floatThead(opens new window) - Vue 2.0 component for floatThead, a floating & sticky table header plugin.

vuetiful-datatable(opens new window) - Datatable component with sorting, filtering, pagination, grouping and aggregation. vue-materialize-datatable(opens new window) - VueJS datatable for Materialize CSS.

Conclusion

vue-good-table(opens new window) - An easy to use, VueJS (2.x) table plugin with sorting, column filtering, pagination etc.

  • vue-grid(opens new window) - A flexible grid component for Vue.js. vue-easytable(opens new window) - A powerful table components based on Vue2.x.
  • vue2-datatable-component(opens new window) - The best Datatable for Vue.js 2.x which never sucks.
  • vue-js-grid(opens new window) - Vue.js 2.x responsive grid system with smooth sorting, drag-n-drop and reordering.

vue-handsontable-official(opens new window) - A Vue.js wrapper for the Handsontable spreadsheet component. vue-grid(opens new window) - A powerful flexbox grid system for Vue.js 2.x, built with inline-styles. vue-data-tablee(opens new window) - Based on vue-good-table, a simple and pretty table component.

useSwiperSlide

vue-scrolling-table(opens new window) - Simple table component with flexbox sizing, scrolled table body (horizontal and vertical), slots for all tr/th/td rendering.

el-search-table-pagination(opens new window) - Combines Form, Table and Pagination components of Element UI together.

Based on Vue 2.x.(Detail(opens new window)). vue-crud-x(opens new window) - Extensible crud component using Vuetify layout, other than the usual page, sort, filter, it is able to do nested CRUD, custom forms, filters, operations.

PromptOption
Please pick a presetManually select features
Check the features needed for your projectTypeScript
Use class-style component syntax?Yes

Vue Datatable(opens new window) - VueJS powered Datatable with Laravel server-side loading and JSON template setup. v2-table(opens new window) - A simple table component based Vue 2.x.

vue-cheetah-grid(opens new window) - A high-performance grid engine that work on a canvas for Vue.js.

vue-table-component(opens new window) - A straight to the point Vue component to display tables.

What is lazy loading in Vue.js?

@lossendae/vue-table(opens new window) - Simple table component for Vue.js 2.x with pagination and sortable columns. el-data-table(opens new window) - base on element-ui, makes crud easilys. DevExtreme Vue Grid(opens new window) - High-performance plugin-based Vue data grid for Bootstrap.

vue-ads-table-tree(opens new window) - A vue Table component, with filtering, sorting and pagination.

Rows can have child rows, so a tree structure can be build. It also supports async calls to load rows from the backend.

It's built with the css framework tailwindcss. @marketconnect/vue-pivot-table(opens new window) - A vue component for pivot table. vue-teible(opens new window) - Lightweight and flexible table component for the web.

vue-jqxgrid(opens new window) - Vue data grid with filtering, sorting, editing, grouping, data export and other features. vue-jqxpivotgrid(opens new window) - Vue pivot data grid with pivot designer, drill through cells, pivot functions. toast-ui.vue-grid(opens new window) - Vue Wrapper for TOAST UI Grid(opens new window).

Swiper props

vueye-datatable(opens new window) - Vueye data table is a responsive data table component based on Vue.js 2, it organizes your data per pages in order to navigate easily.

vue-sorted-table(opens new window) - A plugin to turn tables into sorted tables. Supports nested object keys, custom icons and reusable components.

vue-bootstrap4-table(opens new window) - An advanced data table based on Vue 2 and Bootstrap 4, which includes Multi column filtering, Multi column sorting, Pagination & Info, Checkbox rows and Highly customizable slot options.

vuejs-smart-table(opens new window) - Straight Forward Table Component using the vanilla HTML Table Structure with Sorting, Filtering, Pagination and Selection out of the box.

@myena/vue-table(opens new window) - Table Components for Client/Server data handling. Filter, sort, paginate, group, expanding details row.

# Tree

Highly customizible via slots for filter, headers, column, pagination, details row. @alfsnd/vue-bootstrap-select(opens new window) - Vue version of bootstrap-select(opens new window).

vue-jd-table(opens new window) - Advanced and flexible data table component for Vue 2. Feature Rich: search, filtering, exporting, pagination (traditional and virtual scroll) and so much more!

iview-table-page(opens new window) - Combines Table and Page components of iview UI together.

Based on Vue 2.x. And Hear are some examples to use iview-table-page. fancy-grid-vue(opens new window) - Vue adaptor for FancyGrid.

# Icons

vue-table-dynamic(opens new window) - A dynamic table with sorting, filtering, editing, pagination, multiple select, etc.

vue-quintable(opens new window) - A responsive and highly configurable table based on Vue 2.x and Bootstrap 4.x. vue-grid-responsive(opens new window) - Responsive grid system based on Bootstrap for Vue 2.x.

vue-js-datatable(opens new window) - VueJS light weight wrapper datatable component for datatables.net(opens new window).

bee-grid-table(opens new window) - BeeGridTable is a highly-customizable table UI component library based on Vue.js.

Rich functions, more efficient, and easy to use. vue-datagrid(opens new window) - Vue grid wrapper for powerful webcomponent revo-grid with Excel like rich edit and behavior. element-ui-sticky-table(opens new window) - Sticky for element-ui table.

What next?

ej2-vue-grids(opens new window) - Syncfusion Vue Grid - Blazing fast and feature rich component. vue-dataset(opens new window) - A set of Vue.js components to display datasets with filtering, paging, and sorting capabilities.

jz-gantt(opens new window) - A high-performance Vue Gantt component, which includes highly customizable table columns, dynamic update data, freely drag the progress bar, switch header, etc. Toaster / snackbar — Notify the user with a modeless temporary little popup.

vue-notifications(opens new window) - Vue.js agnostic non-blocking notifications library. vue-easy-toast(opens new window) - A toast plugin for vue/vue2. vue-toasted(opens new window) - Responsive Touch Compatible Toast plugin for VueJS.

vue-notifikation(opens new window) - Vue.js notification plugin. vue-notification(opens new window) - Vue.js 2+ notification plugin using Velocity for animations.