2017-09-25 3 views
-2

comment transformer ma table HTML pour répondre sans fichier CSS supplémentaire?comment transformer ma table HTML pour répondre sans fichier CSS supplémentaire?

<table style="overflow-x:auto;"> 
<tbody> 
    <tr> 
     <td><b>title 1</b></td> 
     <td><b>title 2</b></td> 
     <td><b>title 3</b></td> 
    </tr> 
    <tr> 
     <td>text 1</td> 
     <td>text 2</td> 
     <td>text 3</td> 
    </tr> 
</tbody> 

+0

Bien, si vous voulez qu'il soit réactif, vous devez utiliser CSS ou Javascript. – Alpha

+0

Les tableaux sont par nature non réactifs. Pour créer un design réactif, vous devez prendre en compte toutes les tailles d'écran et parfois déplacer/masquer les éléments de la vue. – Peter

+0

Vous pouvez intégrer le CSS (c'est-à-dire pas un fichier CSS supplémentaire) – Peter

Répondre

2

Si vous voulez ajouter CSS pour rendre votre table réactif, mais ne voulez pas que le CSS soit dans un fichier séparé, vous avez deux options:

  1. Vous pouvez Placez vos règles CSS à l'intérieur d'une balise <style> dans le fichier HTML (reference)
  2. Vous pouvez utiliser les styles en ligne comme suggéré par @Peter. (reference)

Les styles en ligne peuvent rapidement devenir confus et difficile à lire, donc je vous recommandons d'utiliser une balise <style>.