[FREE] TableViewer - fully style customized to show table data

Could you give me an example of what you are saying?

TableViewer need a list of list to render, it can not show 2 lists same time. It has to be a LIST OF LIST.
just combine your 2 lists into one.

would you be kind enough to show me the blocks that I need to modify or replace?

redo @TIMAI2 's demo, and figure out how to add another entry to the TwoColumnList.
If you don't know howto, then search the forum for manipulate the list.

1 Like

Hello
.
When you select something I need each Row to be placed in a different label.

My table has 8 rows with 4 col how can I set 4 labels to correspond to each col in the selected row?
Exp
Row 6 has
1,2,3,4

Label1 = 1
Label2 = 2
Label3 = 3
Label4 = 4

Thank you

see post #111

Wow, i implemented this this extension yesterday and it looks promising.
I currently have only 2 issues:

  • I display a lot of amounts like "100,00" and since comma is the data delimiter, i now had to switch to DOT for displaying (like 100.00), but since I also would like to show thousander I am bit stuck. How could I pass 1.000.000,00 to be displayed?
  • my table has 11 columns, 50 rows. I would like to have almost all cells right text-aligned, only colomns 2, 3 and 11 should be left aligned. When try around, i often receive the DX error, I assume because my CSS commands are not accepted.

Kind regards, Oli

why you used any Tableviewer?

Put those values with commas in double quotes - "100,00"

what do you mean?

Aaaah, ok. Didn't think of that! Thank you!

you are using blocks from any component. just use the blocks from Webviewer, unles you have more than 1 webviewer.

Ah, understood. Yes, I have 2 tableviewer instances in 2 different layouts, but I can make the formatting valid for both.
Any idea on my formatting issue?

try not use the any component.

@Kevinkun : I solved it now by still using AnyTableViewer, but I am using now SetStyleSheet (instead of SetStyle) and it works great. I post all my CSS content into it, like e.g.:

table { border-collapse: collapse; width: 100%; }
th { text-align: right; }
th:nth-of-type(2), th:nth-of-type(3), th:nth-of-type(11) { text-align: left; }
td { text-align: right; border: 1px solid black; padding: 2px; }
td:nth-of-type(2), td:nth-of-type(3), td:nth-of-type(11) { text-align: left; }

1 Like

@Kevinkun
regarding the sticky header row, the example you showed in comment #1 does not work for me:

My screen consists of a huge vertical scroll arragement, therefor I think the whole layout with the tableviewer including the header row just scrolls "away" :wink:

I assume your example is only feasible if the screen and/or underlying arrangement are NOT scrollable and tableview-layout IS scrollable? Could that be?

I am not with my computer.
You can try with a non scroll layout, and let us know the difference.

5 posts were split to a new topic: Help me, how to make a list of list?

I might do if I find time, as I would need to start a new project from scratch.
With my current project, I do not want to play around.
Cheers, Oli

This works

TVScrolling.aia (31.6 KB)

Notes:

  1. A fixed height for the VA containing the tableviewer, less than the height of the tableview, to make it scroll.
  2. When testing with emulator on computer, and scrolling with the mouse wheel, will not scroll past the tableview, until it has scrolled the tableview (as expected...). Probably similar behaviour with a finger.
2 Likes