SYMFONY 2.8 + Bootstrap, - 表中奇数偶数行的不同颜色

时间:2016-11-04 11:01:17

标签: css twig html-table

使用twig,如何在表行中添加交替颜色?

 {% if pagination.getTotalItemCount > 0 %}
        <div class="top17 panel panel-default">
            <table class="table table-responsive table-striped">
                {% for item in pagination  %}



                    <tr class="tr-hover redirect" data-url="{{ url('item_details', {'id' : item.id}) }}">
                        <td class="hidden-xs item-image"><img src="{{ asset(item.webPath) }}"/></td>
                        <td>{{ item.name }}</td>
                        <td class="hidden-xs">{{ item.topic }}</td>
                        <td>{{ item.price }} SM</td>
                        <td>
                            <a href="{{ url('buy_item', { 'id' : item.id }) }}" class="btn btn-success">
                                <span class="glyphicon glyphicon-shopping-cart"></span>
                                <span class="hidden-xs">{{  "Buy" | trans }}</span>
                            </a>
                        </td>
                            </tr>

                {% endfor %}
            </table>
        </div>

1 个答案:

答案 0 :(得分:0)

此前这已经受到质疑。

CSS - background color of table row odd/even

希望有所帮助。