layui中tab页面切换表格宽度异常

最近再使用使用layui进行开发，看到了一个问题挺有意思的，就是一个页面是一个tab页，刚进来时layui-table能够正常渲染，在切换之后发现除了进来的第一个页面都存在table宽度异常的问题，就像压缩饼干一样非常丑，不过这可难不倒我（哈哈哈哈）
解决思路：
在tab页面切换的时候重置相对应表格的尺寸即可解决
解决办法如下：
在选项卡切换的时候会有一个监听事件：

element.on('tab(filter)', function(data){
  console.log(this); //当前Tab标题所在的原始DOM元素
  console.log(data.index); //得到当前Tab的所在下标  解决问题的关键
  console.log(data.elem); //得到当前的Tab大容器
});

在table模块中有一个可重置表格尺寸和结构

table.resize('ID')，其中 ID 为基础参数 id 对应的值

接下来的工作就很简单了吧？ 手动滑稽