html复杂表格

    <div class="row-row">
        <div class="cell">
            <div class="wrapper wrapper-content">

                <div class="ibox">

                    <div class="ibox-title">
                        <h5>QQ 人员工作量统计报表</h5>
                    </div>

                    <div class="ibox-content">
                        <div class="table-responsive">
                            <table class="table table-hover table-bordered m-b-none" ng-show="trend">
                                <thead>
                                    <tr>
                                        <th class="width=20">部门</th>
                                        <th>产品线</th>
                                        <th>工作人员</th>
                                        <th ng-repeat="date in trend.date">{{date| date : 'MM-dd'}}</th>
                                    </tr>
                                </thead>


                                <tbody ng-repeat="department in trend.service">
                                    <!--<div ng-repeat="product in department.products" style="display:table-row-group;">-->
                                    <tr ng-repeat-start="product in department.products" ng-init="pindex=$index" ng-hide="true"></tr>
                                    <tr ng-repeat="staff in product.staffs">
                                        <td ng-if="$index==0&&pindex==0" rowspan="{{department.row}}">
                                            {{$index==0&&pindex==0?department.department:""}}
                                        </td>
                                        <td ng-if="$index==0" rowspan="{{product.row}}">
                                            {{product.name}}
                                        </td>
                                        <td ng-show="staff">
                                            {{staff.username}}
                                        </td>
                                        <td ng-repeat="state in staff.state">
                                            <span ng-show="state.msg_count == null">X</span>
                                            <span ng-show="state.msg_count > 0">message------{{state.msg_count}}</span>
                                            <span ng-show="state.group_count== 0">X</span>
                                            <span ng-show="state.group_count > 0">group------{{state.group_count}}</span>
                                        </td>
                                    </tr>
                                    <tr ng-repeat-end ng-hide="true"></tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>