<link href="${base.contextPath}/resources/hls/beyondChart/assets/css/beyond.min.css" rel="stylesheet" />

<style>
    body{
        min-height:355px;
    }
</style>
<div class="hls-business-table ${class!}" <#if style ?? > style="${style}"</#if>>
    <div class="orders-container" style="height:inherit;border-radius:5px;">
        <div class="orders-header" style="height:45px;border-radius: 5px 5px 0px 0px;" id="title-${id!}">
            <div class="least-event" style="height:inherit">${title!}</div>
        </div>
        <ul id="${id}" class="orders-list">

        </ul>
    </div>
</div>
<script>
    ${hlsDataSource}.fetch(function(datas){
        var config = ${config};
        config.hlsDataSource = datas;
        config.contextPath = "${base.contextPath}";
        config.clickFunc = "${clickFunc!}";
    ${id} = new HlsBusinessTable();
    ${id}._init(config);
    });
</script>