Question

我有一个包含3列的表，其中在一列中我使用基于其他列数据的行跨度。现在我想在行跨度或分隔两个日期的行之后增加行的宽度。我的代码如下所示

<table class="table table-striped table-bordered table-hover" id="meals-table">

  <thead>

    <tr bgcolor="#328AA4" style="">                      
      <th class="col-xs-2" style="text-align: center">
        <font color="3366CC"> Date
          </th>
      <th class="col-xs-2" style="text-align: center">
        <font color="3366CC"> Food
          </th>

      <th class="col-xs-2" style="text-align: center">
        <font color="3366CC"> Quantity
          </th>
    </tr>
  </thead>
  {% for rdate in entities %} 
  {% for entity in rdate %}  
  {% set counter = 0 %}  
  {% set rowcount = 0 %}
  {% set count = 0 %}
  {% for food in entity %}
  {% set counter = counter + 1 %}
  {% endfor %}
  {% for food in entity %}
  {% set count = count + 1 %}
  {% set rowcount = rowcount + 1 %}
  <tr>       

    {% if rowcount <= 1 %}                
                      <td style="text-align: center; vertical-align: middle; background-color: white;" rowspan="{{counter}}">{{ food.cdate }}</td>
    {% endif %}
    <td style="text-align: left; padding-left: 17%;">{{ food.foodname }}</td>               
    <td style="text-align: left; padding-left: 15%;">{{ food.qtyeaten }}&nbsp;&nbsp;{{ food.qtyname }}</td>                             
  </tr>
  {% endfor %}
  {% endfor %}
  {% endfor %}
</table>

任何人都可以帮我解决这个问题。

Answer 1

只需为样式元素添加宽度：

<th style="width: 40%; text-align: center ...

（似乎表头中的列数并不总是与表数据中的列数相同）

有没有办法在某些行之后增加特定行的宽度

1 个答案: