A Fancy Materialize CSS Datatable VueJS Component


vue-materialize-datatable is a configurable CSS data table component of VueJS.

materialize datatable, vue js advanced data table component, vue crud table component, best vue table component, vue js datatable example


  • Sorting, with numerical sorting
  • Pagination
  • Localization
  • Fuzzy searching
  • Server searching
  • Excel export
  • Printing
  • Custom topbar buttons
  • Flexible data-from-row extractor
  • Follows the Material Design spec
  • Really, really efficient.. handles thousands of rows flawlessly
  • And much more…

How to make use of it:


npm i vue-materialize-datatable --save

1. Or this in CSS/Sass files:

@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

2. Alternatively, you can use the NPM package and add the font to your package by:

npm i material-design-icons-iconfont -S

3. Then include it in your Sass/CSS files.

@import "~material-design-icons-iconfont/dist/material-design-icons";

Materialize Data Table Component, vue-materialize-datatable Plugin/Github

See Demo And Download

Official Website(MicroDroid): Click Here

This superior jQuery/javascript plugin is developed by MicroDroid. For extra Advanced usage, please go to the official website.