williams9438 / VueDatatable

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

Home Page:https://www.laravel-enso.com/examples/table

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Vue Data Table

Codacy Badge StyleCI License Total Downloads Latest Stable Version

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

Watch the demo

click on the photo to view a short demo in compatible browsers

Themed Screenshot

Features

  • efficient server side data loading
  • multi-column searching
  • multi-column 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 delivery and optional push notifications
  • reloading of data on demand
  • smart management of huge datasets, with configurable limit
  • posibility 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

Configuration & Usage

Be sure to check out the full documentation for this package available at docs.laravel-enso.com

Contributions

are welcome. Pull requests are great, but issues are good too.

License

This package is released under the MIT license.

About

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

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


Languages

Language:PHP 50.1%Language:Vue 48.0%Language:JavaScript 1.6%Language:HTML 0.3%