<table class="table table-bordered table-striped table-hover"
ng-repeat='item in data'
>
<tbody ng-repeat='ite in item.switchStep'>
<tr ng-repeat='itm in ite.address'>
<td rowspan='{{rowspanFn(item.switchStep)}}' ng-if='$index==0'>{{item.switchProcess}}</td>
<td rowspan='{{ite.address.length}}' ng-if='$index==0'>{{ite.switchStep}}</td>
<td rowspan='{{ite.address.length}}' ng-show='$index==0'>{{ite.executeStep}}</td>
<td>{{itm.address}}</td>
<td>{{itm.name}}</td>
<td>{{itm.way}}</td>
</tr>
</tbody>
</table>
var data = [
{switchProcess:'切换准备',switchStep:[
{
switchStep:'应用检查',executeStep:'1',address:[
{address:'南方基地',name:'应用状态检查进程1',way:''},
{address:'东莞机房',name:'应用状态检查进程1',way:''},
{address:'东莞机房',name:'应用状态检查进程1',way:''},
{address:'东莞机房',name:'应用状态检查进程1',way:''}
]
},
{
switchStep:'数据复制状态检查',executeStep:'2',address:[
{address:'南方基地',name:'应用状态检查进程1',way:''},
{address:'东莞机房',name:'应用状态检查进程1',way:''},
{address:'东莞机房',name:'应用状态检查进程1',way:''}
]
}
]
},
{
switchProcess:'流量接入切换',switchStep:[
{
switchStep:'应用检查',executeStep:'1',address:[
{address:'南方基地',name:'应用状态检查进程1',way:''},
{address:'东莞机房',name:'应用状态检查进程1',way:''}
]
},
{
switchStep:'数据复制状态检查',executeStep:'2',address:[
{address:'南方基地',name:'应用状态检查进程1',way:''},
{address:'东莞机房',name:'应用状态检查进程1',way:''},
{address:'东莞机房',name:'应用状态检查进程1',way:''}
]
}
]
}
];
最后的效果是这样的,第一列的切换准备没合并,并且也不能居中。请问有其他什么办法吗
同样的问题,解决了吗?