est-il possible de faire en sorte que les colonnes d'un tableau s'élargissent automatiquement pour remplir l'écran ?

Question

J'aimerais que la largeur de mon tableau corresponde à 100 % de la largeur de l'écran, afin de m'adapter aux différentes tailles d'écran.

est-il possible de faire en sorte que mes colonnes soient automatiquement redimensionnées de manière proportionnelle ?

J'ai essayé de donner aux td's des pourcentages de largeur mais cela ne semble pas fonctionner, firebug montre que le tbody ne remplit pas la largeur des tables ?

        <table class="">
            <tr class="headings">
                <td class="entry">
                </td>
                <td class="calendar">Availability Calendar
                </td>
                <td class="deals">Last Minute Deals
                </td>

                <td class="ann">Announcements
                </td>
                <td class="banners">Banners
                </td>
            </tr>

        </table>

Answer 1

Il suffit de définir la largeur du tableau à 100 % pour qu'il ait la largeur de son parent. Les colonnes seront automatiquement dimensionnées en fonction de leur contenu, sauf si vous spécifiez autre chose pour certaines colonnes.

Les colonnes rempliront toujours la largeur du tableau. Par conséquent, si les largeurs spécifiées sont inférieures à 100 % ou à la taille en pixels du tableau, elles seront plus grandes que spécifié.