前端表格动态加载表头

一、将表头数据整理成一个对象然后进行封装。

 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>
            {{# }}}

这样就可以引用域里面的值了