Javascript 剑道UI角度网格-只需显示一行内容
我使用Kendo UI网格进行Angular,并且有一个场景,其中一个网格列包含大量文本数据,但我不希望文本被包装。我希望所有的行都一样高 我尝试将其添加到我的组件的SCSS文件中: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
.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/
。正如你所知,有一个计划用一个尚未确定的解决方案来取代这个方法。