Vue Markup
You can also define your grid column definition decoratively if you would prefer.
You declare the grid as normal:
And within this component you can then define your column definitions:
In this example we're defining a grouped column with IT Skills
having two child columns Skills and
Proficiency
Not that anything other than a string value will need to be bound (i.e. :width="120"
) as Vue will
default to providing values as Strings.
A full working example of defining a grid declaratively can be found in the Vue Playground Repo.