2015-02-23 2 views
0

У меня есть таблица с тремя столбцами, в которой в одном столбце я использую диапазон строк на основе других данных столбцов. Теперь я хочу увеличить ширину строки после строки строки или строки, разделяющей две даты. Мой код приведен ниже:Есть ли способ увеличить ширину конкретной строки после некоторых строк

<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> 

Может кто-нибудь помочь мне решить эту проблему.

+0

Не используйте таблицу, используйте div для пользовательского макета таблицы. – Sandeeproop

+0

"divs for custom layout layout" почему? для таблицы есть таблица. табличные данные должны быть представлены с использованием табличной разметки, а не с помощью div, чтобы действовать как таблица. – atmd

+0

Можете ли вы опубликовать вывод html, чтобы его можно было добавить к скрипке, а не к шаблону. – atmd

ответ

0

просто добавить ширину вашего элемента стиля:

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

(и, кажется, что число столбцов в таблице-заголовке не всегда совпадает с найдены в таблице-данных)

Смежные вопросы