VueDatatable - Bulma themed, VueJS powered Datatable with server-side loading and JSON template setup

  •        1119

Data Table package with server-side processing and VueJS components. Build fast any complex table based on a JSON template.

  • efficient server side data loading
  • multi-column searching
  • multi-column sorting with the option to set per column default sorting
  • configurable pagination
  • user customizable column visibility
  • configurable action buttons
  • beautiful tag rendering for boolean flags
  • can display and format numbers as money values, and the formatting can be customized via the template
  • full customization via the use of scoped slots for your columns
  • smart resizing & auto-hide based on screen width. Data is still accessible under an optional child row
  • tooltips for columns/rows
  • front-end translations for labels and even data
  • configurable, on-the-fly view modes: compact, striped, bordered, hover
  • configurable column alignment from the template left / center / right
  • preferences/state save for each table in the browser's localStorage
  • server-side Excel exporting of the table data, using your current sorting and filtering choices, with email notification and optional push notifications. The export supports a practically unlimited dataset and features realtime progress reporting in the interface
  • reloading of data on demand
  • smart management of huge datasets, with configurable limit
  • possibility to define actions that apply to the entire, filtered, dataset
  • Enso Enum computation
  • Laravel accessors for the main query model
  • the configuration template for each table has been designed to be as light and straightforward as possible without losing out on features
  • thorough validation of the JSON template with developer friendly messages, in order to avoid misconfiguration issues
  • can be used independently of the Enso ecosystem

https://www.laravel-enso.com/examples/table
https://github.com/laravel-enso/VueDatatable

Tags
Implementation
License
Platform

   




Related Projects

tables - Bulma themed, VueJS powered Datatable with server-side loading and JSON template setup

  •    PHP

Data Table package with server-side processing, unlimited exporting and VueJS components. Quickly build any complex table based on a JSON template. This package can work independently of the Enso ecosystem.

vue-datasource - A vue.js component to create dynamic tables

  •    Javascript

[WIP] Vue Datasource go back renew. Coming soon V3. A Vue.js component to create dynamic tables. Compatible with Vue 2.x and Laravel.

Laravel Enso - Full featured Single Page Application boilerplate

  •    PHP

Laravel Enso is a full featured Single Page Application boilerplate. It aims to deliver a robust boilerplate for any complex business application, with superiour performance. The beauty of Bulma combined with the flexibility of Vue powered by a Laravel Back End.

vue-table - data table simplify! -- vuetable is a Vue

  •    Vue

This is the previous version that works with Vue 1.x. The most up-to-date version is the Vuetable-2. If you like it, please star the Vuetable-2 repo instead, or make a small donation to support it. If you're looking for the version that's working with Vue 2.x, please go to vuetable-2 repo. However, I still have no time to work on the documentation. But if you're familiar enough with vuetable, it shouldn't be any much different. Look at the what's changed for info on changes from version 1 and the upgrade guide on how you could upgrade from version 1.

vue-good-table - An easy to use powerful data table for vuejs with advanced customizations including sorting, column filtering, pagination, grouping etc

  •    Vue

An easy to use powerful data table for vuejs with advanced customizations including sorting, column filtering, pagination, grouping etc


vue2-datatable - The best Datatable for Vue

  •    Vue

The best Datatable for Vue.js 2.x which never sucks. Give us a star 🌟 if you like it! (DEPRECATED. As I, @kenberkeley, the only maintainer, no longer works for OneWay. Bugs may be fixed but new features or breaking changes might not be merged. However, it's still the best in my mind because of its extremely flexible usage of dynamic components)

vuetable-2 - data table simplify! -- datatable component for Vue 2.x

  •    Vue

See the next branch. If you're looking for the version that's working with Vue 1.x, please go to vuetable repo.

vuejs-paginator - A Vue.js plugin to easily integrate pagination.

  •    Javascript

A Vue.js plugin to easily integrate pagination in your projects. VueJs Paginator is a simple but powerful plugin since it gives you access on how to render the data, instead of using a predefined table.

vue-notus - Vue Notus: Free Tailwind CSS UI Kit and Admin

  •    Vue

Start your development with a Free Tailwind CSS and VueJS UI Kit and Admin. Let Vue Notus amaze you with its cool features and build tools and get your project to a whole new level. Vue Notus is Free and Open Source. It features multiple HTML and VueJS elements and it comes with dynamic components for VueJS.

vue-tables-2 - Vue.js 2 grid components

  •    Javascript

Note: If you are using vue-router or simply toggling the table with v-if, set the preserveState option to true. theme Use this option to select a CSS framework. Options:'bootstrap3','bootstrap4','bulma'. You can also pass you own theme. Use a file from the themes folder as boilerplate.

Buefy - Lightweight UI components for Vue.js based on Bulma

  •    Vue

Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design. It supports both Material Design Icons and FontAwesome. Buefy is the javascript layer for your Bulma interface, since it doesn't require for it to be a sophisticated Single-Page Application. You can import it completely or single components on a ordinary webpage and use Vue.js as a replacement for jQuery

blog - :star2: PJ Blog is an open source blog built with Laravel and Vue.js.

  •    PHP

This is a powerful blog, I try to build the blog more beautiful, more convenient. Laravel 5.* and Vuejs 2.* combined with the establishment of a good response and quickly dashboard, the dashboard made through the Vuejs component development.

revogrid - Powerful virtual data grid smartsheet with advanced customization

  •    TypeScript

Support Millions of cells and thousands of columns easy and efficiently for fast data rendering. Easy to use. The RevoGrid component helps represent a huge amount of data in a form of data table "excel like" or as list. On top of it it provides inbuilt range edit or per cell edit, keyboard support and custom edit and render features. Works in any major framework or with no framework at all.

vue-virtual-scroller - ⚡️ Smooth scroll with any amount of data

  •    Vue

Smooth scroll with any amount of data (demo). ⚠️ vue-virtual-scroller now uses vue-observe-visibility to automatically refresh itself when shown to prevent display glitches. This means you need to include the Intersection Observer polyfill needed by vue-observe-visibility for this to work in old browsers (like Internet Explorer).

light-blue-vue-admin - 🤘Vue admin dashboard template with stylish transparent design

  •    Vue

This dashboard is a lite version (containing only few components) of our Light Blue Vue Full. There are all ready-to-use components, that are in full version. It is built on the top of vue-cli-3, so it well supported along the web. You can easy customize template by changing SCSS variables. All paddings and colors are in _variables.scss file. We have implemented some basic pages, so you can see our template in action.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.