@@include("../_include/head.html")
<div class="wqFrame">
    @@include("../_include/nav.html")
    <div class="wqFrame-main">
        @@include("../_include/leftmenu.html", {"tableauto":"active"})
        <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="hide" id="test" ></table>
                <script>
                    table.render({
                        elem: '#test',
                        url: '../../json/table/demo1.json',
                        cellMinWidth: 80, //全局定义常规单元格的最小宽度
                        cols: [
                            [{
                                    field: 'id',
                                    title: 'ID',
                                    sort: true
                                }, {
                                    field: 'username',
                                    title: '用户名'
                                } //width 支持：数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度
                                , {
                                    field: 'sex',
                                    title: '性别',
                                    sort: true
                                }, {
                                    field: 'city',
                                    title: '城市'
                                }, {
                                    field: 'sign',
                                    title: '签名'
                                }, {
                                    field: 'classify',
                                    title: '职业',
                                    align: 'center'
                                } //单元格内容水平居中
                                , {
                                    field: 'experience',
                                    title: '积分',
                                    sort: true,
                                    align: 'right'
                                } //单元格内容水平居中
                                , {
                                    field: 'score',
                                    title: '评分',
                                    sort: true,
                                    align: 'right'
                                }, {
                                    field: 'wealth',
                                    title: '财富',
                                    sort: true,
                                    align: 'right'
                                }
                            ]
                        ]
                    });
                </script>
            </div>
            @@include("../_include/foot.html")
        </div>
    </div>
</div>