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

Tried with css, but rounding is not working

Screenshot of html table (browser)
image

Screenshot of table viewer extension (mobile)

CSS used are mentioned below -

table{
  border: 10px solid DarkOrange;
  border-radius: 13px; 
  border-spacing: 0;
}

th , td{
  border-bottom: 1px solid DarkOrange;
  padding: 10px; 
}

Try this:

table {     border-collapse: separate;     border-spacing: 0;     border: 1px solid grey;     border-radius: 10px;     -moz-border-radius: 10px;     -webkit-border-radius: 10px; }  table tr:first-of-type {     border-top-left-radius: 10px; }  table tr:first-of-type td:last-of-type {     border-top-right-radius: 10px; }  table tr:last-of-type td:first-of-type {     border-bottom-left-radius: 10px; }  table tr:last-of-type td:last-of-type {     border-bottom-right-radius: 10px; }

Note: this is without setting head = true

There are several other examples above and below the linked ref below:

ref

1 Like

Another suggestion, put a blank row in the "row1" position? You may need to give it some "height" to match other rows.

image

I made a Database with Baserow, but not able to show data in tableviewer


This works:

Check your output here:

image

for a well formed list:

image

and ensure you have the "ListsAsJson" checkbox ticked in the designer (Screen1.Properties)

Hello,
I am using tableviewer for a few weeks now and like the way to make a table. I use it to make reports with results. Until now I can't find a way to make a particular table. See below.
Is it possible to make a table like this? I made this one in Word.
afbeelding
May be it is easy to do but I can't find it. Please help me with this.
Theo

This is possible with some JavaScript I think.

I will give an example later.

Thanks...


3 Likes

Thank you for working this out for me!
I've implemented your code in my testcode (see aia).
TVHighlightRow(4).aia (63.3 KB)
to make a table. The first cell doesn't show without jasonscript. With js there is also no view.

You may need a separate instance of Tableviewer for each table you are displaying to be certain you are running the js against the correct table.

I think that I know what you mean. How do you separate that? By use a different window?
By the way. When I use no jasonscript. The first table row doesn't show also. Or is this only done by js?

O you mean a Tableviewer2??

I have tried to split de the two tables but is doesn't work

Yes, one instance of the extension (just drag another out) for each table.

See this example:

TV2Span.aia (26.1 KB)

This gives only in the second example a right table.

Strange.. try with 250ms on the clock?

image

image

Seems to be that on the first run in companion tableviewer needs a little bit longer to set itself up.

That's the case I think. After running the Apk. It does it right.

When I make a list/table with make in tv1data is does nothing. Making a list with csv gives a table.
What is the difference or do I forget something?
TV2Span(1).aia (26.4 KB)

You could have compared the output of each:

image

Can you see your error ?

1 Like