【问题标题】:Angular UI Grid adjust row height based on contentAngular UI Grid根据内容调整行高
【发布时间】:2014-11-20 03:50:35
【问题描述】:

是否可以调整网格中的行高以显示全部内容?

【问题讨论】:

    标签: angularjs angular-ui-grid


    【解决方案1】:

    您必须覆盖引导 css

    .ngCell  {
      display : table-cell;
      height: auto !important;
      overflow:visible;
      position: static;
    }
    
    .ngRow {
      display : table-row;
      height: auto !important;
      position: static;
    }
    
    .ngCellText{
      height: auto !important;
      white-space: normal;
      overflow:visible;
    }
    

    【讨论】:

    • 你能为此创建一个 plunkr 或 fiddler 吗?我无法让它工作。
    • 您使用的是旧网格,我说的是仍处于测试阶段的新网格。你对此有什么想法吗?感谢您的帮助阿迪亚!
    • 您能否提供您尝试使用的指令的链接?
    • .ui-grid-cell { display : table-cell;高度:自动!重要;溢出:可见;位置:静态; } .ui-grid-row { 显示:表行;高度:自动!重要;位置:静态; } .ui-grid-cell-contents{ 高度:自动!重要;空白:正常;溢出:可见; }
    • 不确定它是否会起作用。我将尝试探索这个新的网格。谢谢介绍,这看起来好多了:)
    猜你喜欢
    • 1970-01-01
    • 2018-09-16
    • 1970-01-01
    • 1970-01-01
    • 2012-08-03
    • 2010-12-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多