DGrid：適合列數據

我已經正在使用DGrid這樣的：DGrid：適合列數據

var dgrid = new OnDemandGrid({ 
    store: myStore, 
    columns: [ 
     {field: "name"}, 
     {field: "age"} 
    ], 
    showHeader: false 
},divName); 
dgrid.startup();

這是目前上漿本身是這樣的：

enter image description here

我想的第一列尺寸擬合最長的一段數據：

enter image description here

如果最長的名稱是從存儲中刪除的第一行應該調整本身是這樣的：

enter image description here

I have created a JSFiddle with a DGrid as a template for answers.

編輯：我看到Sitepen article漿紗DGrid但它不」不要提及如何解決這個問題。

編輯2：有人在another forum問相同的問題。

來源

2014-06-19 sixtyfootersdude

爲什麼不在'CSS'中使用'min-width'？當內容小於它時，它將保持'min-width'並在內容大於寬度時擴展以適應內容。 –

您可以在CSS中使用min-width。當內容小於它時，它將保持min-width，並在內容超過寬度時擴展以適應內容。

你可以利用它作爲這樣的：

div { 
    vertical-align:top; 
} 

.Container { 
    border:1px solid Black; 
} 

.name { 
    display:inline-block; 
    height:150px; 
    text-align:center; 
    min-width:100px; 
} 

.number { 
    display:inline-block; 
    height:150px; 
    text-align:center; 
    width:100px; 
}

你可以看到這個這裏 - >http://jsfiddle.net/q9Vtx/2/

見的最小寬度屬性讓「適應」的內容。

希望這有助於！

來源

2014-06-19 20:30:39

感謝您的回答！我不知道這將如何幫助。爲了按照你提出的方式使用「最小寬度」，我需要知道最小寬度是多少。我想我可能能夠跟蹤這一點，但這似乎是一大麻煩。我真正喜歡的是DGrid對象上的一些屬性 - 使列最小化。 – sixtyfootersdude

@sixtyfootersdude你根本不需要知道'min-width'。保持**非常低**'最小寬度'說50px或20px。只要您的內容超過了指定的最小寬度，瀏覽器就會確保容器始終展開得足以適應內容。 **這裏的訣竅是**，因爲你的'min-width'會很低，所以你的瀏覽器總是會這樣做。因此，從本質上講，您的容器將與您的內容一樣動態！ –

@sixtyfootersdude你根本不需要指定任意的'min-width'。只要保持足夠低，以便內容的寬度總是大於此最小寬度。我希望你明白這一點。 –

DGrid：適合列數據

回答

相關問題