View a wide Advanced Table on a mobile phone

Hi @melebius,
is possible to have the HTML from Code editor view to see if we can reproduce the issue in our end?

Also, does this happens when using a particular theme?
___
Regards

• This reply was modified 4 years, 2 months ago by htmgarcia.

Hi @htmgarcia,

Thanks for the reply. This is the code of my testing page:

<!-- wp:paragraph -->
<p>Vstupenky zakoupíte u&nbsp;vstupu do p?edná?kového stanu.</p>
<!-- /wp:paragraph -->

<!-- wp:advgb/table {"changed":true,"className":"alignleft is-style-stripes"} -->
<table class="wp-block-advgb-table advgb-table-frontend alignleft is-style-stripes"><thead><tr><th style="text-align:left">Cena v K? / po?ad</th><th>Základní cena</th><th>Studenti, d?chodci, ZTP a ZTP/P</th><th>Děti do 15&nbsp;let</th><th>test1</th><th>test1,5</th><th>test2</th></tr></thead><tbody><tr><td>P?edná?ka – 1,5&nbsp;hodiny</td><td>50</td><td>35</td><td>zdarma</td><td></td><td></td><td></td></tr><tr><td>P?edná?ka – 2&nbsp;hodiny a více</td><td>65</td><td>45</td><td>zdarma</td><td></td><td></td><td></td></tr><tr><td>Divadelní p?edstavení</td><td>100</td><td>80</td><td>50</td><td></td><td></td><td></td></tr><tr><td>Lenka Dusilová</td><td style="text-align:center" colspan="3">p?edprodej: 200<br>na místě: 250</td><td></td><td></td><td></td></tr><tr><td>Hradi??an</td><td style="text-align:center" colspan="3">p?edprodej: 390<br>na místě: 450</td><td></td><td></td><td></td></tr><tr><td>Iva Bittová</td><td style="text-align:center" colspan="3">p?edprodej: 290<br>na místě: 350</td><td></td><td></td><td></td></tr><tr><td>Ostatní koncerty (Old?ich Janota, Polyfonní sdru?ení)</td><td>100</td><td>80</td><td>zdarma</td><td></td><td></td><td></td></tr></tbody></table>
<!-- /wp:advgb/table -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ceník je rozdělen do tarif?. Nárok na zlevněny tarif prosím dolo?te dokladem nebo potvrzením.</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<figure class="wp-block-table"><table>
<thead><tr>
<td>Cena v&nbsp;K? / po?ad</td>
<td>Základní cena</td>
<td>Studenti, d?chodci, ZTP a ZTP/P</td>
<td>Děti do 15&nbsp;let</td>
</tr></thead><tbody><tr>
<td>P?edná?ka – 1,5&nbsp;hodiny</td>
<td>50</td>
<td>35</td>
<td>zdarma</td>
</tr><tr>
<td>P?edná?ka – 2&nbsp;hodiny a více</td>
<td>65</td>
<td>45</td>
<td>zdarma</td>
</tr><tr>
<td>Divadelní p?edstavení</td><td>100</td><td>80</td><td>50</td></tr><tr><td>Lenka Dusilová</td><td colspan="3">p?edprodej: 200<br>na místě: 250</td></tr><tr><td>Hradi??an</td><td colspan="3">p?edprodej: 390<br>na místě: 450</td></tr><tr><td>Iva Bittová</td><td colspan="3">p?edprodej: 290<br>na místě: 350</td></tr><tr><td>Ostatní koncerty (Old?ich Janota, Polyfonní sdru?ení)</td><td>100</td><td>80</td><td>zdarma</td></tr></tbody></table></figure>
<!-- /wp:html -->

<!-- wp:table -->
<figure class="wp-block-table"><table><tbody><tr><td>a</td><td>b</td></tr><tr><td>c</td><td>d</td></tr></tbody></table></figure>
<!-- /wp:table -->

I tried switching to the Twenty Twenty-One theme. In this case, the Advanced Table makes the whole page wider than the phone’s screen and the whole page gets horizontally slidable. The basic Table (converted to HTML to use colspan) can be still slid individually unlike the Advanced Table.

• This reply was modified 4 years, 2 months ago by melebius.

Thanks @melebius!

Please try the suggestion from “Horizontal scrollbar support for Advanced Table” section: https://publishpress.com/knowledge-base/advanced-table-block/

This is not a very comfortable way (just a workaround) but it works, thank you!

We’re happy to help!