浏览器重绘问题

Question

1.修改元素宽度后浏览器重绘，执行一段js，如何知道重绘完成？
this.gridOptions.api.sizeColumnsToFit() 是插件的方法，获取表格宽度重新排列表格。
第二句改变表格的宽度，但是渲染貌似是异步的，获取的宽度不对，无法重排。
加一个timeout可以重排，如图2，但是有明显延迟而且时间不好确定。
有什么办法能知道浏览器重绘完成？

2.

Answer 1

这种一般会 使用setTimeout 设置20 的延迟
原理好像来源于 1帧~=17ms

还可设置个 时间极短css3动画 监听 animationted 事件 不过兼容性不好

Answer 2

渲染什么时候完成是不知道的，没有相应的事件回调
calc中的100%你是可以通过JS计算出来的

Answer 3

setTimeout的延时设为0试试。