Help: Adjust table width in HTML

[nghilttran]

Does Appsheet allow adjusting the width of the <table> </table> tag in the html of the Longtext data type?

Here is my HTML code

[Suvrutt_Gurjar · Accepted solution]

if understanding of your requirement is correct, you would like to increase the space of the first column so that the second and third column are pushed further. If , so please try to add a white space in the first table header tag.

So currently your HTML code is as follows

"<table>
<tr>

<th></th>
<th>Nam 2023</th>
<th>Nam 2024</th>

</tr>

.............................

</table>

Instead make the code as below. Add whitespace in between.

"<table>
<tr>
<th>        </th>
<th>Nam 2023</th>
<th>Nam 2024</th>

</tr>

..................................................

</table>

 Please add a whitespace in the  first table header element. Please add sufficient white  space to extend the width of the column as much as required. Please use the figure space white space character from the Wikipedia article as described in the post below,

https://www.googlecloudcommunity.com/gc/Tips-Tricks/Choosing-walls-that-should-be-calculated-with-En...

Result before adding white space:

Result after adding white space:

[Suvrutt_Gurjar · Accepted solution]

Could you elaborate? Do you mean wrapping the column contents?  If so, I believe that may not be currently possible in a straightforward way because many tags and CSS styles are still not supported in HTML long text column..

[Suvrutt_Gurjar · Accepted solution]

if understanding of your requirement is correct, you would like to increase the space of the first column so that the second and third column are pushed further. If , so please try to add a white space in the first table header tag.

So currently your HTML code is as follows

"<table>
<tr>

<th></th>
<th>Nam 2023</th>
<th>Nam 2024</th>

</tr>

.............................

</table>

Instead make the code as below. Add whitespace in between.

"<table>
<tr>
<th>        </th>
<th>Nam 2023</th>
<th>Nam 2024</th>

</tr>

..................................................

</table>

 Please add a whitespace in the  first table header element. Please add sufficient white  space to extend the width of the column as much as required. Please use the figure space white space character from the Wikipedia article as described in the post below,

https://www.googlecloudcommunity.com/gc/Tips-Tricks/Choosing-walls-that-should-be-calculated-with-En...

Result before adding white space:

Result after adding white space:

[nghilttran]

Thank you for your help.
What about narrowing the columns?

[Suvrutt_Gurjar · Accepted solution]

Could you elaborate? Do you mean wrapping the column contents?  If so, I believe that may not be currently possible in a straightforward way because many tags and CSS styles are still not supported in HTML long text column..

[nghilttran]

There are some columns that are too long so I want to narrow the column width

[Suvrutt_Gurjar · Accepted solution]

As mentioned in earlier post, to narrow the contents of a cell , you may need to wrap the text which will require CSS style or you could shorten the text string length. Currently CSS and styles are not supported in the HTML long text column.

Please see the allowed tags.

Rich Text Formatting - in Preview Program - Google Cloud Community

Maybe someone else has a better guidance for you for wrapping the text.

[nghilttran]

Thanks for your reply