Question

我在ui.bootstrap手风琴中使用ng-Grid时遇到了问题。看看我的Plunker，看看这个问题的实际效果。

基本上，当在初始页面加载时关闭子手风琴组的手风琴中放置网格时，网格的宽度为零并且不显示。

任何人都可以通过调整CSS类或捕获手风琴组事件并重新渲染网格来指明我解决这个问题的方向吗？我和这个人一直在乱跑！

编辑：道歉，普兰克现在公开了！

Answer 1

嗯，这很奇怪，因为它在firefox上运行得很好，但在chrome上却没有。

通过在css中将gridStyle设置为100％的宽度，表格显示，但宽度为150px，这甚至更奇怪。

然后我注意到，只要调整窗口大小，就会调整宽度。这让我想到了这个（黑客）解决方案：

使用触发强制调整大小的函数向脚本添加控制器。

    function myCtrl ($scope){
    $scope.resizer=function(){
      $(window).trigger('resize');
    }

在accordion-Tag中添加控制器并点击并调用所述功能。

<accordion ng-controller='myCtrl' ng-click="resizer()">

适用于Firefox和Chrome。 Plunker is here

当然这更像是一种解决方法，而不是答案，并没有在其他浏览器上进行彻底测试，但也许它可以帮到你一点点。