<style>
    .roll_list_contain{
        width: 870px;
        height:386px;
        overflow: auto;
    }
    .roll_list_title{
        position: relative;
        width: 860px;
        margin:auto;
        color:#000;
        height:40px;
        border-bottom: 1px solid rgb(204,204,204);
    }
    .roll_list_line{
        position: absolute;
        display: block;
        height:30px;
        width:10px;
        background: #f89035;
        top: 5px;
        left: 0px;
    }
    .roll_list_info{
        position: absolute;
        display: block;
        top: 10px;
        left: 20px;
        font-size: 14px;
    }
    #${id} table{
        width:860px;
        margin:auto;
        color:blue
    }
    #${id} table tr{
       border:none;
   }
</style>
<div class="roll_list_contain">
    <div class="roll_list_title">
        <span class="roll_list_line"></span>
        <span class="roll_list_info">${title}</span>
    </div>
    <div id="${id}" class="roll_contain">
    </div>
</div>
<script>
    var ${id} = new HlsRollListTable();
    ${id}.hlsFeildsSetting(${config!});
    ${hlsDataSource}.fetch(function(datas){
        debugger;
        if(${pageSize}!=""&&${pageSize}!=undefined){
            var configData = ${config};
            configData.dataSourse = datas;
            configData.titleFlag = false;
            configData.nextPageButton = window["${nextPageButton}"];
            configData.lastPageButton = window["${lastPageButton}"];
        ${id}.config(configData);
        }else {
            configData.pageSize = 1000000;
            configData.dataSourse = datas;
            configData.titleFlag = false;
            configData.nextPageButton = window["${nextPageButton}"];
            configData.lastPageButton = window["${lastPageButton}"];
        ${id}.config(configData);
        }

    });


</script>