<script src="${base.contextPath}/resources/hls/hlsPage/javascript/hlsConponentBase.js" type="text/javascript"></script>
<script src="${base.contextPath}/resources/hls/hlsFormat/hls-format.js"></script>
<script src="${base.contextPath}/resources/hls/hlsBlock/javascript/format-currency.js" type="text/javascript"></script>
<style>
    .hls-Scroll-Table-head{
        overflow:auto;
        overflow-x:hidden;
        float: left;
        background-color: #FFF;
        border-radius: 5px;
        box-shadow: 3px 3px 3px rgb(204, 204, 204);
        width: 270px;
        height: 355px;
    }
    .hls-Scroll-Table-title{
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        font-weight: 600;
        border-bottom: 4px solid #FA6A4D;
        color: #000;
        font-size: 14px;
    }
    .hls-Scroll-Table-img{
        width: 20px;
        height: 20px;
        margin-right:6px;
        vertical-align: middle;
        font-size: 13px!important;
    }
    .hls-Scroll-Table-font{
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .hls-Scroll-Table-row{
        width: 250px;
        min-height: 65px;
        margin: 0 auto;
        padding: 10px 10px;
        border-bottom: 1px solid #CCC;
        position: relative;
        height: 75px;
    }
    .hls-Scroll-Table-notice{
        display: inline-block;
        width: 100px;
        text-align: left;
    }
    ::-webkit-scrollbar/*整体部分*/
    {
        width: 10px;
        height:10px;
    }

    ::-webkit-scrollbar-track/*滑动轨道*/
    {
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 0px;
        background: rgba(0,0,0,0.1);
    }

    ::-webkit-scrollbar-thumb/*滑块*/
    {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: rgba(0,0,0,0.2);
    }

    ::-webkit-scrollbar-thumb:hover/*滑块效果*/
    {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: rgba(0,0,0,0.4);
    }

</style>



<div id="${id}"  <#if style??> style="${style!}"</#if>
     class="hls-Scroll-Table-head">
    <div class="hls-Scroll-Table-title" style="border-bottom: 4px solid ${color};">
        <img class="hls-Scroll-Table-img" src="${img}"/>${title}
    </div>
</div>

<script>
    ${hlsDataSource}.fetch(function(datas){
        var config = ${config};
        config.hlsDataSource = datas;
    ${id} = new HlsScrollTable();
    ${id}._init(config);
    });
</script>


