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

  •        77

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

Enso - Laravel Vue SPA, Bulma themed. For demo login use `admin@laravel-enso.com` & `password`.

  •    Vue

[![Build Status](https://travis-ci.org/laravel/framework.svg)](https://travis-ci.org/laravel/framework) [![Total Downloads](https://poser.pugx.org/laravel/framework/d/total.svg)](https://packagist.org/packages/laravel/framework) [![Latest Stable Version](https://poser.pugx.org/laravel/framework/v/stable.svg)](https://packagist.org/packages/laravel/framework) [![Latest Unstable Version](https://poser.pugx.org/laravel/framework/v/unstable.svg)](https://packagist.org/packages/laravel/framework) [![License](https://poser.pugx.org/laravel/framework/license.svg)](https://packagist.org/packages/laravel/framework)

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.

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-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.

vuedo - Vuedo is a blog platform, built with Laravel and Vue.js.

  •    PHP

[![Build Status](https://travis-ci.org/laravel/framework.svg)](https://travis-ci.org/laravel/framework) [![Total Downloads](https://poser.pugx.org/laravel/framework/d/total.svg)](https://packagist.org/packages/laravel/framework) [![Latest Stable Version](https://poser.pugx.org/laravel/framework/v/stable.svg)](https://packagist.org/packages/laravel/framework) [![Latest Unstable Version](https://poser.pugx.org/laravel/framework/v/unstable.svg)](https://packagist.org/packages/laravel/framework) [![License](https://poser.pugx.org/laravel/framework/license.svg)](https://packagist.org/packages/laravel/framework)

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).

vue-inspector - Vue.js Inspector for Mobile Devices

  •    Javascript

vue-inspector is a basic inspector for Vue.js that works with mobile devices. It could work in a desktop environment, but I do not recommend that; use Vue.js devtools instead. With vue-inspector is possible to execute JavaScript code directly in your mobile browser and get error messages generated at run-time. Also inspect the data, props, router links, views/components, computed properties, routes, Vuex and more... inside your Vue.js project.

blessed-vue - A VueJS runtime to let you write command line UI in Vue

  •    Javascript

Compile against VueJS 2.5.13. This package is a Vue.js runtime for blessed and now blessed-contrib. The current version is compiled against VueJS 2.5.13, which means those lovely features and bug fixes comes with v2.5.13 in vue core will be available in the current version. For example, the lovely improvements about the functional components.