In this blog we'll show you how to turn-on some more advanced capabilities in table components you add to your web pages in Visual Builder Cloud Service. Specifically we'll cover, column content formatting, column resizing & reordering, line wrapping, scroll policies, and adding more columns.
One thing that is worth mentioning first is that our UI gurus are not fans of tables. In general, they would recommend you'll use the list component to show collections of records. It's not just us, if you look at the UI of your facebook, twitter, instagram and even amazon product search results - all of those are not displayed as table - they show up as lists. So before you go down the table route - consider whether using lists will get you the functionality you need.
If you picked up a table component, then after you used the initial quick start to bind data to it, there are a set of table and column attributes that you can use to add functionality to your table. See the following video to learn how to:
In the video I'm using the following values for the following attributes:
You can learn more about the table components in the JET cookbook section for the table component. And if you are interested in even more advanced capabilities you might want to check out this blog about creating editable tables in VBCS.