Question

我有一个表，在其中迭代了一些数据库记录，基本上我有一个td，其中放置了文本（对应于每个记录状态），以及一个按钮，用于打开这样的记录详细信息：

{% for item in records %}
    <tr>
        <td>
            {{ item.status }}
            <button type="button" class="btn btn-default btn-flat btn-xs btn_request_detail" data-toggle="tooltip" data-original-title="Ver detalle" code = "" data-url="{% url 'unbinding:management_detail' item.id %}" >
                <i class="fa fa-info-circle fa-md text-light-blue"></i>
            </button>
        </td>
    </tr>
{% endfor %}

当每条记录具有相同的状态文本时，整个列将完全对齐，但是如果这些状态文本中的任何一个长度发生了更改，则按钮将向右移动，并且我会丢失对齐方式。

基于文本长度??，按钮是否在表中垂直悬垂？

谢谢！

Answer 1

您是否尝试过将“ cta”（按钮）移至新列？

我认为你应该这样做。

请尝试以下操作：

{% for item in records %}
    <tr>
        <td>
            {{ item.status }}
        </td>
        <td>
            <button type="button" class="btn btn-default btn-flat btn-xs btn_request_detail" data-toggle="tooltip" data-original-title="Ver detalle" code = "" data-url="{% url 'unbinding:management_detail' item.id %}" >
                <i class="fa fa-info-circle fa-md text-light-blue"></i>
            </button>
        </td>
    </tr>
{% endfor %}

PS。不要忘记再添加一个或添加到您的表头中。

根据文字长度在td中对齐文字和按钮

1 个答案: