@@include("../_include/head.html")
<div class="wqFrame">
    @@include("../_include/nav.html")
    <div class="wqFrame-main">
        @@include("../_include/leftmenu.html")
        <style>
            body {
                overflow-y: scroll;
            }
        </style>
        <div class="wqFrame-panelRight">
            <div class="wqFrameui-panelRight-topNav">
                <a class="pull-left wqFrameui-backUp" href="index.html">
                    <span class="wqIcon-backUp"></span>返回上一页
                </a>赋值已知数据
            </div>
            <div class="wqFrameui-panelRight-mainWrap mCustomScrollbar" data-mcs-theme="dark-thin">
                <table class="table" wq-data="{height:310, url:'../../json/table/demo1.json', page:true, id:'test2', skin: 'row', even: true}">
                    <thead>
                        <tr>
                            <th wq-data="{field:'id', width:80, sort: true}">ID</th>
                            <th wq-data="{field:'username', width:80, templet: '#usernameTpl'}">用户名</th>
                            <th wq-data="{field:'sex', width:80, sort: true, templet: '#sexTpl'}">性别</th>
                            <th wq-data="{field:'city', width:80}">城市</th>
                            <th wq-data="{field:'sign'}">签名</th>
                            <th wq-data="{field:'experience', width:80, sort: true, style:'background-color: #eee;'}">积分</th>
                            <th wq-data="{field:'score', width:80, sort: true}">评分</th>
                            <th wq-data="{field:'classify', width:80, style:'background-color: #009688; color: #fff;'}">职业</th>
                            <th wq-data="{field:'wealth', width:135, sort: true}">财富</th>
                        </tr>
                    </thead>
                </table>

                <script type="text/html" id="usernameTpl">
                    <a href="/?table-demo-id={{d.id}}" class="table-link" target="_blank">{{ d.username }}</a>
                </script>
                <script type="text/html" id="sexTpl">
                    {{#if(d.sex === '女'){ }}
                    <span style="color: #F581B1;">{{ d.sex }}</span>
                    {{#} else { }} {{ d.sex }} {{#} }}
                </script>
                <script type="text/html" id="barDemo1">
                    <a class="btn btn-xs" wq-event="edit">工具性按钮</a>
                </script>
                <script>
                    table.init();
                </script>
            </div>
            @@include("../_include/foot.html")
        </div>
    </div>
</div>