Welcome
VFlexTable
Vuero provides a custom table component called <VFlexTable />
. It looks like a table but is not an Html5 table. Instead, it uses the flexbox technology and is fully responsive. Check the markup for more details about usage.
Debugging objects
By default objects are not rendered. If you need to display they content for debugging purpose, you can add print-objects
attribute to the <VFlexTable />
.
[
{
"id": 0,
"picture": "/demo/avatars/25.jpg",
"initials": "AC",
"color": "info"
},
{
"id": 1,
"initials": "JP",
"color": "info"
},
{
"id": 2,
"picture": "/images/avatars/svg/vuero-1.svg",
"initials": "EK",
"color": "h-purple"
},
{
"id": 3,
"picture": "/demo/avatars/5.jpg",
"initials": "ML",
"color": "danger"
},
{
"id": 4,
"initials": "SC",
"color": "success"
}
]
[
{
"id": 4,
"initials": "SC",
"color": "h-purple"
}
]
[
{
"id": 12,
"initials": "BT",
"color": "success"
},
{
"id": 9,
"picture": "/demo/avatars/7.jpg",
"initials": "AC",
"color": "h-purple"
}
]
[
{
"id": 7,
"picture": "/demo/avatars/13.jpg",
"initials": "TS",
"color": "info"
}
]
[
{
"id": 0,
"picture": "/demo/avatars/25.jpg",
"initials": "AC",
"color": "info"
},
{
"id": 14,
"picture": "/demo/avatars/11.jpg",
"initials": "KL",
"color": "danger"
},
{
"id": 17,
"picture": "/demo/avatars/5.jpg",
"initials": "ML",
"color": "warning"
}
]