ui.boostrap手風琴容器寬度問題

Question

THIS PLUNKER REFERS

我在使用納克 - 網格一個ui.bootstrap手風琴內的問題。看看我的Plunker，看看這個問題在行動中。

本質上，當在初始頁面加載時關閉子手風琴組的手風琴中放置網格時，網格指定的寬度爲零並且不顯示。

任何人都可以通過調整CSS類或捕獲手風琴組事件並重新渲染網格來指出解決此問題的方向嗎？我一直在用這個圈子跑來跑去！

編輯：道歉，Plunker現在公開！

Answer 1

嗯，這很奇怪，因爲它在firefox上完美工作，但不是在Chrome上。

通過在CSS中將gridStyle設置爲100％的寬度，表格顯示出來，但寬度爲150px，這更奇怪。

然後我注意到，調整窗口大小後就會調整寬度。這導致我這（黑客）的解決方案：

添加一個控制器到您的腳本與觸發強制調整大小的功能。

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

添加控制器和一個點擊&呼籲說處於手風琴式標籤功能。

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

這適用於Firefox和Chrome瀏覽器。 Plunker is here

當然，這個解決方法不僅僅是答案，還沒有在其他瀏覽器上進行徹底測試，但它可能會對您有所幫助。