在单元格中忽略了dgrid white-space css属性

时间:2015-11-16 04:47:33

标签: javascript html css dojo dgrid

我在我的dojo应用程序中实现了一个dgrid,由于某种原因,当应用于white-space:nowrap;类时,网格似乎忽略了.dgrid-cell属性赋值。我的目标是使dgrid的单元格宽度永远不会减少到低于单元格标题内的内容。但实际行为是,如果行中有太多单元格以适应它们的整体性,它们的宽度都会同样减小。

我已经尝试了以下声明,具有不同的特异性和!重要性等:

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

我甚至尝试将其应用于所有单元格,如下所示:

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

但该物业似乎被忽略了。有关如何实现这一目标的任何建议吗?

1 个答案:

答案 0 :(得分:2)

white-space: nowrap应该work just fine

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

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

如果你主要关注的是根据标题内容确保宽度,那么希望它足够合理,可以根据预期内容实现。您也可以使用text-overflow: ellipsis(因为我已经在上面链接的小提琴中完成)更好地指示溢出时确实发生了溢出。