在开发的过程中,经常遇到表格要固定标题行、固定某几列,列宽需要能够移动。
Flex布局中固定行和列
首先参考 “页面布局标准化” 文档,对界面进行布局,一般把表格放在flex-content的位置。列固定注意事项:
tableFixer插件中设置left属性,举例: $(".fixed-table").tableFixer({'left' : 2, 'head' : true});
每次查询完成以后,界面数据重新绑定以后,一定要等界面DOM渲染出来以后,再重新调用一次tableFixer方法。
举例:数据查询完成以后,调用fixedTableHeader方法,该方法中在_self.$nextTick()事件中,调用tableFixer方法