ng-hide后刷新jquery-resizable-columns

Question

我有一个带有https://github.com/dobtco/jquery-resizable-columns resize插件的HTML表格。

我必须添加列隐藏功能，因此我已将ng-hide指令添加到列中，并在每个列标题上使用双击事件将hide标记切换为true，并且＆＃39;取消隐藏全部＆＃39 ;按钮将所有标志切换为false。

问题：隐藏列后调整大小处理程序保持不变。当我点击它们中的任何一个时，它们会被刷新并移动到适当的位置。

如何在隐藏列后强制处理程序刷新？

示例：http://plnkr.co/edit/balnDZPWqVP5y0Mx7mhT?p=preview

Answer 1

您可以使用

$('#tab').resizableColumns('syncHandleWidths')

这将刷新列大小。诀窍是在重新加载DOM之后调用此方法。否则，该列尚未从DOM中消失，并且列大小将不正确。这是angular $timeout服务派上用场的地方（别忘了注入它）：

$timeout(function(){$('#tab').resizableColumns('syncHandleWidths');});

Forked plunkr here。