Skip to content

Vue good table Recipes (vue good table 2.x)

xaksis edited this page Apr 18, 2018 · 9 revisions

Welcome to vue-good-table recipes. Here I'll try to link fully functional examples of common data-table scenarios.

  1. Basic Table - A simple table that showcases the use of columns with different types and rows. It also features a global search.

  2. Before and After Columns - Table with custom columns before and after regular columns

  3. Conditional style for cells in a column - Using custom cells, one can render conditional styling for cells within that column.

  4. Checkbox Table - A common use-case is to have tables with checkboxes to select rows. This is an example showcasing how easily you can create a checkbox table with vue-good-table.

  5. Checkbox Table with Pagination - Checkbox table with paging

  6. Simple Grouped Table - Table with grouped rows with simple headers for each row-group

  7. Grouped Table with Summary Rows - You can also create a table with summary rows instead of header rows for groups. This example uses a headerField row to provide a function for the totals cell.

Clone this wiki locally