Tengo un bootstrap pase tabla y estoy tratando de alinear los encabezados de columna para el medio mediante el uso de <th align="center">. Esto parece no tener efecto sobre la mesa alguna, pero <td align="center"> funciona correctamente.

Este es mi código:

<table class="table table-hover">
    <thead>
    <tr>
        <th>Title</th>
        <th>Score</th>
        <th align="center">Product</th>    #This line is not working
        <th>Who Reviewed</th>
        <th>When</th>
    </tr>
    </thead>
    <tbody>
    {% for review in object_list %}
        <tr>
            <td><a href="{% url 'backend_reviews_edit' review.pk %}">{{review.title}}</a></td>
            <td align="center">{{ review.score }}</td>
            <td align="center">{{ review.product.title }}</td>
            <td>{{ review.reviewer_name}}</td>
            <td>{{ review.date_created|date:"m-d-Y" }}</td>
        </tr>
    {% endfor %}
    </tbody>
</table>
    </div>
La alineación debe ser manejado por CSS, no en HTML.

OriginalEl autor DeA | 2017-03-08

2 Comentarios

  1. 36

    Si usted está usando bootstrap, en uso de sus reglas CSS.

    <th class="text-center">Product</th>
    Sí, que lo hace, pero debo utilizar este para <td> así, porque parece que funciona sin una clase
    Como ya he mencionado, la alineación (y todos los demás de la presentación) no debe ser hecha con HTML, se debe hacer con CSS. align está en desuso.

    OriginalEl autor Eduardo Escobar

  2. 8

    Utilizar este

    <th class="text-center">Product</th>

    atributo align que no funcione porque en bootstrap hoja de estilos, encontramos lo siguiente:

    th {
        text-align:left
    }

    OriginalEl autor Davide

Dejar respuesta

Please enter your comment!
Please enter your name here