單元格中忽略的dgrid空格css屬性

Question

我在我的dojo應用程序中實現了dgrid，由於某種原因，網格似乎忽略了white-space:nowrap; 屬性分配應用於.dgrid-cell類時。 我的目標是使grid的單元格寬度永遠不會減小到小於單元格標題內的內容。 但是實際的行為是，如果行中的單元格太多而無法滿足其整體性，它們的寬度都會平均減小。

我嘗試了以下聲明，具有不同的特異性和！important等：

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

我什至嘗試將其應用於所有單元，如下所示：

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

但是該屬性似乎只是被忽略了。 請問我如何實現這一目標的任何建議？

Answer 1

white-space: nowrap應該可以正常工作 。

但是，由於設計方式的原因，使dgrid根據單元格的內容自動確定列寬是不可行的（如果我沒記錯的話，通常還有其他任何動態數據網格組件，包括dojox grid和gridx）。

dgrid渲染其自己的表中的每一行，這使諸如虛擬滾動（即OnDemandGrid ）之類的功能成為可能，並且避免了通常由具有許多行和列的大型表（通常需要根據其所有內容計算寬度）帶來的繁重渲染開銷。 因此，結果是不可能使grid的列根據內容自動調整大小。

如果您主要關心確保基於標頭內容的寬度，那么希望足夠合理以根據標頭內容實現。 您還可以使用text-overflow: ellipsis （就像我在上面鏈接的小提琴中所做的那樣）來更恰當地指示溢出發生的時間。