Android WebView n'affiche pas les <table>.

Résolu

Anonyme209 Messages postés 681 Date d'inscription Statut Membre Dernière intervention -
Anonyme209 Messages postés 681 Date d'inscription Statut Membre Dernière intervention - 22 déc. 2020 à 18:28

Bonjour,

J'essaie d'utiliser un WebView pour afficher/imprimer une page HTML préalablement créée.

Le code HTML ressemble à ça :

<html>
    <head>
    <title>Ma page</title>
    <meta charset="UTF-8">
    <style type="text/css">
    section{
    column-count: 2;
    }
    </style>
    <h1 style="color:blue;text-align:center;"><b><u>Titre</u></b></h1>
    </head>
    <body>
    <br/><br/>
    <section>
    <table border="5" width="100%" style="height:1000px;margin: 10px;break-inside: avoid-column;">
    <tr style="color:#0101DF;background-color:#9fb1df;"><td><p><b><big><u>Catégorie 1</u></big></b></p></td></tr>
    <tr style="height:50px;"><td><p>Element 1</p></td></tr>
    <tr style="height:50px;"><td><p>Element 2</p></td></tr>
....
    </table>
    <table border="5" width="100%" style="height:1000px;margin: 10px;break-inside: avoid-column;">
    <tr style="color:#0101DF;background-color:#9fb1df;"><td><p><b><big><u>Catégorie 2</u></big></b></p></td></tr>
    <tr style="height:50px;"><td><p>Element 1</p></td></tr>
    <tr style="height:50px;"><td><p>Element 2</p></td></tr>
....
    </table>
    </section>
    </body>
    </html>

Puis en java :

webView.loadData(html, "text/html", "UTF-8");

Si je fais afficher le code par mon navigateur Firefox, la page est affichée normalement.

Mais dans l'application Android, les <table> sont affichées avec une hauteur nulle (seules les bordures apparaissent).
Si j'enlève les <table>, le texte s'affiche bien correctement.

Mes recherches m'ont suggéré d'utiliser

webView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NORMAL);

mais cela n'a permis aucune amélioration.

A voir également:

Android WebView n'affiche pas les <table>.
Table ascii - Guide
Table des matières word - Guide
Android recovery - Guide
Begone android - Accueil - Protection
Ne pas deranger android - Guide

1 réponse

Réponse 1 / 1

Anonyme209 Messages postés 681 Date d'inscription Statut Membre Dernière intervention 16

EDIT : le problème ne vient pas des table, mais des couleurs : si j'enlève

style="color:#0101DF;background-color:#9fb1df;"

la page est affichée correctement.
Mais je ne comprends pas pourquoi.

J'ai donc remplacé la notation hexadécimale par la notation rgb(r,g,b) et ça fonctionne correctement.

Discussions similaires

Table des matières dont les titres n'apparaissent pas..

Intégrer une table des annexes et des matières sur word

Votre réponse

Discussions similaires