layui的右侧固定列不起作用

layui的右侧固定列不起作用

项目需求为使用表格展示数据，左侧和右侧的列是固定的，中间的列可以滑动展示。类似这种。

链接: layui官网
于是我在需要固定的列分别加上了fixed: 'left’和fixed: ‘right’。
遇到的问题为初次进入页面或者刷新进入页面的时候，左侧只有表头是固定的，右侧不固定。但是打开F12或者重新切换至当前页面，固定效果会正常显示。仔细比较两次的dom。
正常渲染情况下：

非正常渲染的情况下

此时的height变成了0，并且添加了一个layui-hide的类。其中layui-hide的值为

.layui-hide {
    display: none!important;
}

于是我在css文件中进行了改写

.layui-table-fixed .layui-table-body {
	height: auto!important;
}
.layui-table-fixed.layui-hide {
	display: block!important;
}

看到网上有说以下方法也可以解决，这个当时试了没有解决，但是思路应该是一致的，就是layui-hide搞得鬼。

,done : function () {
	$('.layui-table-fixed-r').removeClass('layui-hide');
}

具体为什么第一次渲染的时候layui会添加这个类，还是我自己在哪里进行了设置，这个我还没有搞明白，希望能有大神帮忙指点一下。