ui.boostrap手风琴容器宽度问题

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在这里

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