Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 剑道UI角度网格-只需显示一行内容_Javascript_Css_Angular_Kendo Ui_Kendo Grid - Fatal编程技术网

Javascript 剑道UI角度网格-只需显示一行内容

Javascript 剑道UI角度网格-只需显示一行内容,javascript,css,angular,kendo-ui,kendo-grid,Javascript,Css,Angular,Kendo Ui,Kendo Grid,我使用Kendo UI网格进行Angular,并且有一个场景,其中一个网格列包含大量文本数据,但我不希望文本被包装。我希望所有的行都一样高 我尝试将其添加到我的组件的SCSS文件中: .k-grid{ 背景颜色:绿色; } .k-grid tbody tr{ 高度:40px; } .k-grid tbody tr td{ 溢出:隐藏; 文本溢出:省略号; 空白:nowrap; }试试这个: /deep/ .k-grid tbody tr { height: 40px; } /deep

我使用Kendo UI网格进行Angular,并且有一个场景,其中一个网格列包含大量文本数据,但我不希望文本被包装。我希望所有的行都一样高

我尝试将其添加到我的组件的SCSS文件中:

.k-grid{
背景颜色:绿色;
}
.k-grid tbody tr{
高度:40px;
}
.k-grid tbody tr td{
溢出:隐藏;
文本溢出:省略号;
空白:nowrap;
}
试试这个:

/deep/ .k-grid tbody tr {
    height: 40px;
}

/deep/ .k-grid tbody tr td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 }
编辑:
有关详细信息,您可以在文档中阅读。

尝试以下方法:

/deep/ .k-grid tbody tr {
    height: 40px;
}

/deep/ .k-grid tbody tr td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 }
编辑:

有关更多信息,您可以在文档中阅读。

因此我将解释解决方案:angular的工作方式是每个组件都有自己的封闭环境。这叫做视图封装。要穿透它,可以使用
/deep/
。正如你所知,有一个计划用一个尚未确定的解决方案来取代这个方法。所以我将解释这个解决方案:angular的工作方式是每个组件都有自己的封闭环境。这叫做视图封装。要穿透它,可以使用
/deep/
。正如你所知,有一个计划用一个尚未确定的解决方案来取代这个方法。