Comment aligner un td de texte à gauche de la table

J'ai créé un tableau dans le fichier JSP pour ressembler à ceci:

Code JSP:

<table style="width: 832px;" >
    <tr>
        <td style="width: 45px;text-align: left;" align="left"><%=episodeDate %></td>
        <td style="width: 7px;">&nbsp;</td>
        <td style="width: 257px;text-align: left;" ><%=careprovidername %></td>
        <td style="width: 7px;">&nbsp;</td>
        <td style="width: 260px;text-align: left;" ><%=docatorname %></td>
        <td style="width: 6px;">&nbsp;</td>
        <td style="width: 250px;text-align: left;"><%=purposeType %></td>
    </tr>
</table>

Mais ce que je reçois est affiché dans l'image ci-dessous.

Comment aligner un td de texte à gauche de la table

Mon problème est que la 5ème et la 7ème td données affichées ne sont pas bien alignées. Quel est le problème avec ce code?

  • Ne peuvent pas reproduire cela à l'aide du HTML brut,...
  • essayez d'ajouter table-layout: fixed; à votre table
  • Peut-être que si vous validez l'affichage de la source, il nous aide à voir ce qui a été générée par la JSP. Mon soupçon est que vous avez <table><tr><td></td>*7</tr></table> <table><tr><td></td>*7</tr></table> <table><tr><td></td>*7</tr></table> <table><tr><td></td>*7</tr></table> <table><tr><td></td>*7</tr></table>
InformationsquelleAutor Vijay | 2013-07-26
  1. 1

    Dans votre JSP, vous devriez être en boucle à l'intérieur d'une même table. Par votre code, il semblerait que vous re-paramétrer les valeurs de vos variables en dehors du code visible. Si oui, vous êtes en générant de multiples 1 rangée de tables. Le correctif serait alors de définir votre java variables à l'intérieur de la < table > ... < /table > balises, la création de tout nouveau TRs et TDs pour chaque objet java.

    Avec une seule table, votre TDs doit tous les aligner comme vous le souhaitiez.

    <table style="width: 832px;" >
<%
MyObject o; //which has those variables
for (int i=0; i<array_size; ++i){
    o = array[i]; %>
    <tr>
        <td style="width: 45px;text-align: left;" align="left"><%= o.getEpisodeDate() %></td>
        <td style="width: 7px;">&nbsp;</td>
        <td style="width: 257px;text-align: left;" ><%= o.getCareproviderName() %></td>
        <td style="width: 7px;">&nbsp;</td>
        <td style="width: 260px;text-align: left;" ><%= o.getDocatorName() %></td>
        <td style="width: 6px;">&nbsp;</td>
        <td style="width: 250px;text-align: left;"><%= o.getPurposeType() %></td>
    </tr>
<% } %>
</table>

    L'idée ici est d'avoir:

    <table>
    <tr> <td></td>*7 </tr>
    <tr> <td></td>*7 </tr>
    <tr> <td></td>*7 </tr>
    <tr> <td></td>*7 </tr>
    <tr> <td></td>*7 </tr>
    <tr> <td></td>*7 </tr>
</table>

    Donc la boucle où vous définissez la variable java valeurs doit être à l'intérieur de la < table> ... < /table> balises, pas avant.

    • @AngelWarrior merci pour la réponse, mais j'ai aussi utilisé java variables before < table > ... < / table > tags
    • Oui, et vous obtenez un autre tableau pour chaque objet java, droit? Vous souhaitez uniquement une table si vous souhaitez que les cellules à aligner.
    InformationsquelleAutor AngelWarrior
  2. 0

    Grâce à Gintas K commentaire, j'ai résolu ce problème en ajoutant table-layout: fixed; pour les styles pour mon <table>.

    InformationsquelleAutor Vijay