Setup tableviewer with customized format

[Asri_Rusdi]

How to use/setup tableviewer extension on app inventor in order to be able to display table with data field zip_code, province, city, district, urban with the following format?
Which actually the format has 3 column that are:

1. First column display static data as follow:
   Zip Code
   Province
   City
   District
   Urban

2. Second column display static data:
   :
   :
   :
   :
   :

3. Third column display the actual data for data field zip_code, province, city, district, urban

And lastly outline the every row data as the following screenshot:

[Kevinkun]

instead of TableViewer, I recomment to use CompCreator and Enhance extension.

[Asri_Rusdi]

Thanks
I will try to learn and explore this 2 extensions first.

[TIMAI2]

You should be able to do this with a listview, using YAML to create your visuals

Browse Google Sheets in YAML format

This tutorial is meant to show an alternative way to display wide table data in portrait mode. It uses YAML. YAML is a data serialization language that is often used for writing configuration files. Depending on whom you ask, YAML stands for yet another markup language or YAML ain't markup language (a recursive acronym), which emphasizes that YAML is for data, not documents. This tutorial is browse-oriented, and centers around a value procedure that can take a table (row of rows) with a heade…

For additional formatting you might consider:

ListViewPlus - additional methods for the ListView component

This extension adds several features to the built-in ListView component. Blocks v2: [blocks - 2023-05-26T191926.969] Description: AddClassicDividers: Add linear dividers in a classic ListView. [Screenshot_20230519-103058] DecorateItems: Set rounded corners and margins for each item in the list. The radius is the same for every corner. Margin can be set with an integer, then all margins will have the same value. We can also list four integer values in the order left, top, right, and bo…

or possibly

[FREE] Image List View Extension - A Fully Customizable List View

[list] Image List View Introducing image list view which is similar to inbuilt list view but with more customization and additional features. All Blocks: [image] [image] [image] [image] [image] Designer Properties [image] [image] [image] Explanation and Usage: [image] Initializes the list view in an arrangement like vertical arrangement. First initialize the list view before creating list view. [image] Add a single list item with title, sub title and image. You can al…

[Asri_Rusdi]

Thanks for your sharing.
I will explore them.