arttemplate 渲染表格

要用arttemplate模板制作下面那样的表格。

//引入模板js
<script src="jquery-1.11.1.min.js"></script>
<script src="template-web.js"></script>

json数据格式。

<div id="demo1"></div>
    <script id="template" type="text/html">
        <table border=1>
            <tr>
                <td>区域</td>
                <td>公司</td>
                <td>装修程度</td>
                <td>一装修程度</td>
                <td>二装修程度</td>
                <td>三装修程度</td>
                <td>四装修程度</td>
                <td>五装修程度</td>
            </tr>
            {{ each datas as value i}}
            <tr>
                <td rowspan={{value.xzqylist.length+1}}>  //value.xzqylist.length+1占行根据xzqylist的长度
                    {{value.XZQMC}}
                </td>
            </tr>

            {{ each value.xzqylist as tag d}}
            <tr>
                <td rowspan>
                    {{tag.XMMC}}
                </td>
                {{ each tag.xmmclist as tags ad}}

                <td>
                    {{tags.TS}}
                </td>
                <td>
                    {{tags.ZMJ}}
                </td>
                <td>
                    {{tags.ZJJE}}
                </td>
                <td>
                    {{tags.AVGMPFMJE}}
                </td>
                <td>
                    {{tags.AVGMTJE}}
                </td>
                <td>
                    {{tags.AVGMJ}}
                </td>
                {{/each}} {{/each}}
            </tr>
            {{/each}}
        </table>
    </script>

下面的data是json数据,template("模板的id",数据data);

最后把 存放表格的div 放进html

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值