angular-ui/ui-grid

Dropdown cell template is now shown

Open

#3,020 创建于 2015年3月15日

在 GitHub 查看
 (17 评论) (0 反应) (1 负责人)JavaScript (5,395 star) (2,496 fork)batch import
good first issuetype: bug

描述

Hi,

Similar problem was discussed here: https://github.com/angular-ui/ng-grid/issues/666 But it's old. Now,

When I have a bootstrap bropdown button in a cell template, it is now shown. I created CSS (actually less) for it:

.ui-grid-cell.showMe {
    overflow: visible;

    .ui-grid-cell-contents {
        overflow: visible;
    }
}

and then user showMe as cellClass. The result:

uigrid1

It seems working BUT, still there is a problem with table overflow:

uigrid2

When it overflows from table, it's now shown. How we can solve the problem?

贡献者指南

技术栈
javascriptcsshtml
领域
frontend
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
half day
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
mostly clear
前置要求
CSS overflow basicsAngularJS directive basics
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
60
研究方向
Investigate CSS overflow behavior on the grid cell container. The issue describes a workaround using custom CSS class 'showMe' with overflow: visible. The main problem is that the dropdown is clipped by the parent element's overflow: hidden. Look at ui grid CSS files (e.g., 'ui grid.css') for overflow properties. Check the AngularJS directive for cell template rendering to see if a per cell overflow configuration can be added. The issue's discussion and linked PR #666 may provide additional context.