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

Question

我在我的dojo應用程序中實現了dgrid，並且出於某種原因，網格似乎在應用於.dgrid-cell類時忽略了white-space:nowrap;屬性分配。我的目標是使dgrid的單元格寬度永遠不會降低到低於單元格標題中的內容。但實際行爲是，如果行中的單元太多以適應其整體性，它們的寬度都會相同。

我嘗試了以下聲明，以不同的特殊性和重要等：

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

我甚至試圖把它應用到所有的細胞如下：

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

但物業只是似乎被忽略。有關我如何能夠實現這個的任何建議嗎？

Answer 1

white-space: nowrap應該work just fine。

但是，讓dgrid根據單元格內容自動確定列寬是不可行的，這是因爲它的設計方式（以及其他任何動態數據網格組件，包括dojox網格和gridx，如果我不是錯誤）。

dgrid在其自己的表格中呈現每一行，這使虛擬滾動（即OnDemandGrid）等功能成爲可能，同時也避免了大量行和列需要根據所有其內容。因此，不可能根據內容自動調整dgrid的列的大小。

如果您主要關注基於標題內容的寬度，希望這足夠合理，可以根據其預期內容實現。您也可以使用text-overflow: ellipsis（正如我在上面鏈接的小提琴中所做的那樣）在發生時更優雅地指示溢出。