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

Extensions
689

Simple example of how you can generate a card view style listing using Tableviewer

BLOCKS

image
image776×554 57.1 KB

CSS Stylesheet

table {
    border-collapse: separate;
    border-spacing: 0 15px;
    width: 100%;
    border: none;
}

table td,
th {
    padding: 20px;
    border: none;
    text-align: left;
}

table tr {
    background-color: #eaeefa;
}

table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #d9dff3;
}

td:first-child,
th:first-child {
    border-radius: 10px 0 0 10px;
}

td:last-child,
th:last-child {
    border-radius: 0 10px 10px 0;
}

SCREEN

image
image463×644 29.7 KB

2 Likes
690

Simple example of how you can display a "spinner lookalike" using Tableviewer:

BLOCKS

image

image
image933×745 130 KB

image

note that I have it set to only respond to a radio button selection.

CSS

table,
td {
    border: 0px;
    background-color: #fff;
    font-weight: 400;
    font-size: 1.2em;
}

input[type=radio] {
    transform: scale(1.5);
}

body>table {
    border-collapse: separate;
    border-radius: 15px 15px;
}

td:first-child {
    border-radius: 15px 0 0 15px;
}

td:last-child {
    border-radius: 0 15px 15px 0;
}

SCREEN

image
image467×931 36.2 KB

You could combine this with a suitable dialog extension to get the modal/overlay effect

4 Likes
691

where is aix file

692

Link is in the first post of this topic

image

1 Like
693

image
image1919×1079 130 KB

WSA上测试的，APK安装程序运行不了，连接的AI伴侣，报错，之前不会这样子，每次发AI伴侣一用新扩展就卡在发送JAR的地方报错，这是怎么回事？

694

卸载原来的伴侣，安装最新的伴侣。

695

Good morning, is there any way to invert the data in the first column?

image

696

What do you mean? reverse the order? You need to do it with functions in List.

697

I need to invert the data in the first column only, the last one becomes the first one and so on, I don't know if this is possible, this list is dynamically assembled, but it is only displayed at the end of the filling, I can invert the entire table, but not just the first column.

698

This extension only accept a list of list, then show it on screen.
As for what kind of list, in which order, this is not the function of this extension.
You can manupulate your list data with blocks from List drawer.

699

Very well, thank you.

700

Gentlemen,

in the case of the table answer, you want to change just one letter in the table for another, as it should be done...

701

Is that a statement or a question ?

Regardless, what are you referring to ?

703

Friend

my translator did it wrong

When I receive the response from the web

I would like to change a comma ( ,) to a period in the table... how would this change be done?

704

Show an example web response

705

I just put the TableView extension in and ran it briefly, but a [Runtime Error] window popped up. What's the problem?

test
test1214×1478 127 KB

706

are you using latest ai companion? did you used other extension? what's your blocks?

707

Update the [MIT AI2 Companion] in your phone and it will be fine....Thank you

708

How to set the first column as the table header

709

:question:

Do you mean row ? If so read the topic from the beginning, it is all there.