Javascript 单元格中忽略dgrid空白css属性

Javascript 单元格中忽略dgrid空白css属性,javascript,html,css,dojo,dgrid,Javascript,Html,Css,Dojo,Dgrid,我在dojo应用程序中实现了一个dgrid,出于某种原因,网格似乎忽略了空白:nowrap属性赋值。我的目标是使dgrid的单元格宽度永远不会小于单元格标题中的内容。但实际情况是,如果行中有太多的单元格不适合它们的整体,那么它们的宽度都会相等地减小 我尝试了以下声明,具有不同的特殊性和灵活性!重要等: th.dgrid-cell { white-space:nowrap; } 我甚至尝试将其应用于所有单元格,如下所示: .dgrid-cell { white-space:now

我在dojo应用程序中实现了一个dgrid,出于某种原因,网格似乎忽略了
空白:nowrap.dgrid单元格时,代码>属性赋值。我的目标是使dgrid的单元格宽度永远不会小于单元格标题中的内容。但实际情况是,如果行中有太多的单元格不适合它们的整体,那么它们的宽度都会相等地减小

我尝试了以下声明,具有不同的特殊性和灵活性!重要等:

th.dgrid-cell {
    white-space:nowrap;
}
我甚至尝试将其应用于所有单元格,如下所示:

.dgrid-cell {
    white-space:nowrap;
}

但这一财产似乎被忽视了。关于如何实现这一点,有什么建议吗?

空白:nowrap
应该

但是,由于dgrid的设计方式(以及通常任何其他动态数据网格组件,包括dojox grid和gridx,如果我没有弄错的话),让dgrid根据单元格内容自动确定列宽是不可行的

dgrid在其自己的表中呈现每一行,这使得虚拟滚动(即,
OnDemandGrid
)等功能成为可能,并且还避免了通常由具有许多行和列的大型表产生的沉重呈现开销,这些行和列需要根据其所有内容计算宽度。但是,因此,无法根据内容自动调整dgrid列的大小


如果您主要关心的是确保基于标题内容的宽度,那么希望这足够合理,可以基于其预期内容来实现。您还可以使用
文本溢出:省略号
(正如我在上面链接的小提琴中所做的那样)在溢出发生时更优雅地表示溢出。

谢谢您的回答。然而,我刚刚对小提琴做了一个改变,以证明我的问题。注意:在本例中,标题内容被切断,即它不符合空格:nowrap声明。我期望的行为是,网格将在必要时水平滚动,以适应整个显示的标题。顺便说一句(可能不相关)——在我的应用程序中,我在服务器上动态创建列/网格布局定义,因为它将是动态的,并且每个渲染都不同