前端表格動態加載表頭

一、將表頭數據整理成一個對象然後進行封裝。

 for (var q = 0; q < data.length; q++) {
                var date = data[q].peroidDate.toString();
                var cut = date.slice(4);
                var info = {
                    field: data[q].peroidDate,
                    title: cut,
                    templet: function (d) {}
    }
}

二、獲取當前表頭對象

this.field就可以獲取。或者：
 var thisFeild = ($(ele).parents("td").attr("data-field")).toString();
這個也可以獲取到

三、layui界面按鈕分別顯示

   <div class="layui-card-body" style="padding: 15px;">
            <button type="button" shiro:hasPermission="system:companyInfo:add" class="layui-btn" id="addCompany">新增
            </button>
            <table class="layui-table layui-form" lay-filter="companyInfo-table" id="companyInfo-table"></table>
        </div>
        <script th:inline="javascript">
            var companyId = [[${companyId}]];
        </script>

        <script type="text/html" id="table-companyInfo-ctr">
            {{#  if(d.id == companyId){ }}
            <a shiro:hasPermission="system:companyInfo:edit" class="layui-btn layui-btn-normal layui-btn-xs"
               lay-event="edit">
                <i class="layui-icon layui-icon-edit"></i>修改
            </a>
            {{# }}}

這樣就可以引用域裏面的值了