The dynamic table under the layui tab (tab) fixed column disorder problem

The desired effect diagram is as follows: There are two columns on the left and right that are fixed

 

The fixed column disorder page is as follows:

 

 Implement the workaround:

Get the event of clicking this tab, get the page that is being re-rendered and paged to him when it is obtained, and it is OK

layui.element.on('tab(Liu_TabBrief)', function (data) {
        console.log(data.index); //得到当前Tab的所在下标

        if (data.index == 2) {
            layui.table.reload('table01', {
                page: { curr: 1 }, where: data.field
            });
        }
    });

'tab(Liu_TabBrief)' in the code, Liu_TabBrief is  the value in lay-filter=" Liu_TabBrief " 

The value of lay-filter="" of the element, you can use this parameter to complete the partial update of the specified element