thinkphp5.1模版foreach中的表格行和列

<table border="8">
            <caption>轮播图</caption>
            <tr class="text-c" >            
                <th style="border:1px solid black;vertical-align: middle;text-align: center;" width="5%"><input type="checkbox" name="" value=""></th>    
                <th style="border:1px solid black;vertical-align: middle;text-align: center;" width="5%">轮播序号</th>                    
                <th style="border:1px solid black;vertical-align: middle;text-align: center;" width="5%">发布状态</th>                    
                <th style="border:1px solid black;vertical-align: middle;text-align: center;" width="10%">轮播图名称</th>    
                <th style="border:1px solid black;vertical-align: middle;text-align: center;" width="5%">图片编号</th>    
                <th style="border:1px solid black;vertical-align: middle;text-align: center;" width="10%">轮播图</th>
                <th style="border:1px solid black;vertical-align: middle;text-align: center;" width="5%">商品编号</th>
                <th style="border:1px solid black;vertical-align: middle;text-align: center;" width="47%">商品名称</th>
                <th style="border:1px solid black;vertical-align: middle;text-align: center;" width="10%">商品图片</th>
                <th style="border:1px solid black;vertical-align: middle;text-align: center;" width="1%">商品操作</th>    
                <th style="border:1px solid black;vertical-align: middle;text-align: center;" width="1%">图片操作</th>            
                <th style="border:1px solid black;vertical-align: middle;text-align: center;" width="1%">轮播图操作</th>                            
            </tr>
            {foreach name="data"  item="vl" key="k"}
                    
                <tr style="vertical-align: middle;text-align: center;">
                    <td rowspan="12"><input name="" type="checkbox" value=""></td>
                    <td rowspan="12">{$k+1}</td>
                    <td rowspan="12" class="td-status"><a><span class="label label-success radius" onClick="picture_status(this,{$vl.id})" href="javascript:;" >{$vl.status}</span></a></td>     
                    <td rowspan="12">{$vl.name}</td>                    
                    {foreach name="vl['image']"  item="image" key="i"}                    
                        <td rowspan="4">{$i+1}</td>
                        <td rowspan="4"><a href="javascript:;" onClick="picture_show('图库编辑','picture-show.html','10001')"><img width="100" height="60" class="picture-thumb" src="{$image.image}"></a></td>
                        {foreach name="image['goods']"  item="goods" key="v"}
                        {if ($v==0) }
                            <tr style="vertical-align: middle;text-align: center;">
                                <td>{$v+1}</td>
                                <td>{$goods.name}</td>
                                <td><a href="javascript:;" onClick="picture_show('商品图片','picture-show.html','10001')"><img width="100" height="60" class="picture-thumb" src="{$goods.image}"></a></td>
                                <td >
                                    <br><a style="text-decoration:none" class="ml-5" onClick="picture_edit('图库编辑','picture_edit_list.html')" href="javascript:;" title="编辑轮播图列表"><i class="Hui-iconfont">&#xe6df;</i></a></br> 
                                    <br><a style="text-decoration:none" class="ml-5" onClick="picture_del(this,111111)" href="javascript:;" title="删除"><i class="Hui-iconfont">&#xe6e2;</i></a></br>
                                </td>
                                <td rowspan={$image|count}>
                                    <br><a style="text-decoration:none" class="ml-5" onClick="picture_edit('图库编辑','picture_edit_list.html')" href="javascript:;" title="编辑轮播图列表"><i class="Hui-iconfont">&#xe6df;</i></a></br> 
                                    <br><a style="text-decoration:none" class="ml-5" onClick="picture_del(this,111111)" href="javascript:;" title="删除"><i class="Hui-iconfont">&#xe6e2;</i></a></br>
                                </td> 
                                {$image|count}    

                                {$vl+$image['goods']|count}    
                                {if ($i==0) }
                                    <td rowspan="11" >
                                        <br><a style="text-decoration:none" class="ml-5" onClick="picture_edit('图库编辑','picture_edit_list.html')" href="javascript:;" title="编辑轮播图列表"><i class="Hui-iconfont">&#xe6df;</i></a></br> 
                                        <br><a style="text-decoration:none" class="ml-5" onClick="picture_del(this,111111)" href="javascript:;" title="删除"><i class="Hui-iconfont">&#xe6e2;</i></a></br>
                                    </td> 
                                {/if} 
                            </tr>
                        {else /} 
                            <tr style="vertical-align: middle;text-align: center;">
                                <td>{$v+1}</td>
                                <td>{$goods.name}</td>
                                <td><a href="javascript:;" onClick="picture_show('商品图片','picture-show.html','10001')"><img width="100" height="60" class="picture-thumb" src="{$goods.image}"></a></td>
                                <td >
                                    <br><a style="text-decoration:none" class="ml-5" onClick="picture_edit('图库编辑','picture_edit_list.html')" href="javascript:;" title="编辑轮播图列表"><i class="Hui-iconfont">&#xe6df;</i></a></br> 
                                    <br><a style="text-decoration:none" class="ml-5" onClick="picture_del(this,111111)" href="javascript:;" title="删除"><i class="Hui-iconfont">&#xe6e2;</i></a></br>
                                </td>
                             
                            </tr>
                        {/if}
                    {/foreach}
                        
                        
                    </tr>
                    {/foreach}
                    
                </tr>
            {/foreach} 
        </table>

上面这个是thinkphp5.1模板文件

轮播图

	轮播序号	发布状态	轮播图名称	图片编号	轮播图	商品编号	商品名称	商品图片	商品操作	图片操作	轮播图操作
	1	已发布	第三方都是	1
						1	发多少公司		 	 	 
						2	800MHZ高速CPU，Android 2.3，支持GPS，支持A-GPS网络辅助导航，WIFI，SNS支持，500万像素，3.5英寸触摸屏，FLASH播放，VGA前置摄像头，海量应用		 
						3	1GHz处理器，双模双待，机身内存 1G ROM+512MB RAM ，3.7英寸电容屏，500万像素，720p（1280×720）视频录制，机身采用高档的皮革材料，支持谷歌地图		 
				2
						1	1GHz处理器，双模双待，机身内存 1G ROM+512MB RAM ，3.7英寸电容屏，500万像素，720p（1280×720）视频录制，机身采用高档的皮革材料，支持谷歌地图		 	 
						2	1GHz处理器，双模双待，机身内存 1G ROM+512MB RAM ，3.7英寸电容屏，500万像素，720p（1280×720）视频录制，机身采用高档的皮革材料，支持谷歌地图		 
						3	1GHz处理器，双模双待，机身内存 1G ROM+512MB RAM ，3.7英寸电容屏，500万像素，720p（1280×720）视频录制，机身采用高档的皮革材料，支持谷歌地图		 
				3
						1	发多少公司		 	 
						2	1GHz处理器，双模双待，机身内存 1G ROM+512MB RAM ，3.7英寸电容屏，500万像素，720p（1280×720）视频录制，机身采用高档的皮革材料，支持谷歌地图		 
						3	发多少公司		 
	2	已发布	铝合金观看	1
						1	发多少公司		 	 	 
						2	800MHZ高速CPU，Android 2.3，支持GPS，支持A-GPS网络辅助导航，WIFI，SNS支持，500万像素，3.5英寸触摸屏，FLASH播放，VGA前置摄像头，海量应用		 
						3	1GHz处理器，双模双待，机身内存 1G ROM+512MB RAM ，3.7英寸电容屏，500万像素，720p（1280×720）视频录制，机身采用高档的皮革材料，支持谷歌地图		 
				2
						1	1GHz处理器，双模双待，机身内存 1G ROM+512MB RAM ，3.7英寸电容屏，500万像素，720p（1280×720）视频录制，机身采用高档的皮革材料，支持谷歌地图		 	 
						2	1GHz处理器，双模双待，机身内存 1G ROM+512MB RAM ，3.7英寸电容屏，500万像素，720p（1280×720）视频录制，机身采用高档的皮革材料，支持谷歌地图		 
						3	1GHz处理器，双模双待，机身内存 1G ROM+512MB RAM ，3.7英寸电容屏，500万像素，720p（1280×720）视频录制，机身采用高档的皮革材料，支持谷歌地图		 

上面这个是运行后的界面  

但是这里的值怎么自动获取 rowsopan的值是变化的如何获取 ,获取data的数组长度{$data|count}值又不对，这个值该怎么获取呀

     {foreach name="data"  item="vl" key="k"}
                <tr style="vertical-align: middle;text-align: center;">
                    <td rowspan="12"><input name="" type="checkbox" value=""></td>
                    <td rowspan="12">{$k+1}</td>
                    <td rowspan="12" class="td-status"><a><span class="label label-success radius" onClick="picture_status(this,{$vl.id})" href="javascript:;" >{$vl.status}</span></a></td>     
                    <td rowspan="12">{$vl.name}</td>

但是这里的值怎么自动获取 rowsopan的值是变化的如何获取 ,获取data的数组长度{$data|count}值又不对，这个值该怎么获取呀

有人知道吗，请指教