Skip to content

lesson 14

Jump to bottom
Rati Wannapanop edited this page May 24, 2017 · 3 revisions

Moving Field Definitions to another file

As we go along for quite sometime, there is one thing that we should do with the Field Definition. We should move it out into its own file!

In a more complex project that have a lot of fields, the filed definition will get quite lengthy and keeping in a separate file is often more suitable as it will make our MyVuetable component less clutter.

So, let's begin by creating a new file inside components directory called FieldDefs.js.

Tutorial Content

Prerequisite
Lessons
  1. Your first Vuetable
  2. Displaying more fields
  3. Cleaning up code
  4. Make change to field title
  5. Column alignment
  6. Format fields using callback option
  7. Adding pagination
  8. Displaying pagination information
  9. Customizing Vuetable
  10. Make columns sortable
  11. Using special fields
  12. Adding Detail Row
  13. Adding Search Filter
  14. Moving Field Definitions to another file
  15. Passing Props to MyVuetable - Part 1
  16. Passing Props to MyVuetable - Part 2
  17. Passing Scoped Slot to MyVuetable
  18. Using Twitter's Bootstrap CSS with Vuetable
  19. Pagination for Twitter's Bootstrap

Clone this wiki locally