This is an example of Vue DataTable. The Vue Data Table was built to allow you to easily replace your existing HTML Tables. It can read and display the data from your HTML Tables, but it can also display data from different data sources like XML, JSON, Array, CSV or TSV. The DataTable enables editing of cells and entire rows including options to edit with a dialog or to lock rows. It also supports sorting, filtering and paging. One of the advanced features is that you can use the data table to enable nested tables. Aggregates and grouping are supported as well. You can export your data to Excel, XML, CSV, TSV, JSON, PDF and HTML. Conditional formatting will enable you to add custom CSS styles. Localization will give you the option to show information in other languages than English.
| Ian | Devling | Espresso Truffle | $1.75 | 8 |
| Nancy | Wilson | Cappuccino | $5.00 | 3 |
| Cheryl | Nodier | Caffe Americano | $2.50 | 4 |
| Martin | Saavedra | Caramel Latte | $3.80 | 11 |
| Guylene | Bjorn | Green Tea | $1.50 | 8 |
| Andrew | Burke | Caffe Espresso | $3.00 | 2 |
| Regina | Murphy | White Chocolate Mocha | $3.60 | 6 |
| Michael | Murphy | Caramel Latte | $3.80 | 2 |
| Petra | Bein | Caffe Americano | $2.50 | 7 |
| Nancy | Nodier | Caffe Latte | $4.50 | 10 |
| Peter | Devling | Green Tea | $1.50 | 1 |
| Beate | Saylor | Espresso con Panna | $3.25 | 3 |
| Shelley | Nodier | Peppermint Mocha Twist | $4.00 | 7 |
| Nancy | Murphy | Peppermint Mocha Twist | $4.00 | 1 |
| Lars | Wilson | Caffe Espresso | $3.00 | 11 |