Generated formatted tables display correctly on Element Desktop but not on iOS nor Android apps

[cryptoapebot]

Steps to reproduce

Generate a room message with formatted text.

  "content": {
    "msgtype": "m.text",
    "body": "<table><thead><tr><th>Bananas</th><th>User</th></tr></thead><tbody><tr><td align=\"right\">                  500,173</td><td>@offthetop:matrix.org</td></tr><tr><td align=\"right\">                  461,644</td><td>@epsteinepstainuniverse:midov.pl</td></tr><tr><td align=\"right\">                  307,830</td><td>@bownz:matrix.org</td></tr><tr><td align=\"right\">                  254,618</td><td>@puglife:matrix.org</td></tr><tr><td align=\"right\">                  194,783</td><td>@slowlearner:fractaldark.com</td></tr><tr><td align=\"right\">                   14,646</td><td>@dickveney:matrix.org</td></tr><tr><td align=\"right\">                      100</td><td>@crookedcook:midov.pl</td></tr><tr><td align=\"right\">                      100</td><td>@bowner:matrix.nof.st</td></tr><tr><td align=\"right\">                      100</td><td>@garybussy:nerdsin.space</td></tr><tr><td align=\"right\">                       95</td><td>@icymountain:matrix.org</td></tr></tbody></table>",
    "formatted_body": "<table><thead><tr><th>Bananas</th><th>User</th></tr></thead><tbody><tr><td align=\"right\">                  500,173</td><td>@offthetop:matrix.org</td></tr><tr><td align=\"right\">                  461,644</td><td>@epsteinepstainuniverse:midov.pl</td></tr><tr><td align=\"right\">                  307,830</td><td>@bownz:matrix.org</td></tr><tr><td align=\"right\">                  254,618</td><td>@puglife:matrix.org</td></tr><tr><td align=\"right\">                  194,783</td><td>@slowlearner:fractaldark.com</td></tr><tr><td align=\"right\">                   14,646</td><td>@dickveney:matrix.org</td></tr><tr><td align=\"right\">                      100</td><td>@crookedcook:midov.pl</td></tr><tr><td align=\"right\">                      100</td><td>@bowner:matrix.nof.st</td></tr><tr><td align=\"right\">                      100</td><td>@garybussy:nerdsin.space</td></tr><tr><td align=\"right\">                       95</td><td>@icymountain:matrix.org</td></tr></tbody></table>",
    "format": "org.matrix.custom.html",
    "info": {
      "mimetype": "text/html"
    },
    "url_previews": "[]"
  }

Outcome

What did you expect?

Layout to show columns on desktop, ios and android in formatted table.

What happened instead?

formatted table looks correct on desktop. ios and android not properly handling layout. No way to distinguish what type of table to generate. Changing to improve ios or android layout messes up desktop layout.

https://fractaldark.com/_matrix/static/ios_layout.jpg https://fractaldark.com/_matrix/static/desktop-layout.png

Your phone model

iPhone12 Pro

Operating system version

ios 16.5.1

Application version

Element 1.10.12

Homeserver

matrix-synapse==1.84.1 matrix-synapse-ldap3==0.1.4

Will you send logs?

No