自動調整DataGridCoulmn /的AdvancedDataGridColumn的寬度以適應內容

我想要的DataGridColumn或會的AdvancedDataGridColumn自動調整它的寬度以適應內..自動調整DataGridCoulmn /的AdvancedDataGridColumn的寬度以適應內容

我是新來的彎曲內容。我想實現類似HTML表格的東西。

數據渲染是簡單的文本。一些行的文本稍長，在這種情況下，我想自動擴展DataGridColumn的寬度。

任何幫助來解決這個問題。

在此先感謝

來源

2010-05-21 Ravish

您可以設置寬度爲一些固定的百分比，如果你能猜到可能寬度。但我會提出另一個optiong：

數據網格的variableRowHeight屬性設置爲true
設置這將有較長的文本爲true列的wordWrap屬性。

通過這種方式，您的長文本將放在多行中，只有行高才會增加。只是試試看。如果你不想要這個，那麼我認爲你可能需要編寫一個擴展datagridColumn的新類。

<mx:DataGrid dataProvider="{testAC}" width="80%" height="100%" variableRowHeight="true"> 
     <mx:columns> 
       <mx:DataGridColumn dataField="company" wordWrap="true"/>     <mx:DataGridColumn dataField="share"/> 
       <mx:DataGridColumn dataField="expense"/> 
     </mx:columns> 
</mx:DataGrid>

乾杯， PK

來源

2010-05-21 11:50:06 Anoop

這種解決方案並沒有幫助，如果文本是一個字或一個數值，它不會換行，或在格式化數字的情況下（比如2,300,152），它會在逗號處包裹不當。 – Robusto 2010-05-21 14:55:40

您偶然發現的DataGrid和AdvancedDataGrid的最大問題之一擊中。我絕對討厭讓單元格內容看起來很舒服。由於原因不明顯，窄字段值將出現在非常寬的單元格中，而寬內容和標題將會被縮小。

由於某些原因，對於第一列和最後一列尤其如此。

我發現的唯一解決方案是在列上設置minWidth屬性，並且我必須首先查看數據以找到這些列中最寬的離羣值，並確保它們適合舒適。另一個有助於解決問題的方法是在左側和右側設置虛擬列，給出寬度和最小寬度以及一些非常小的最大寬度，例如5，這似乎允許中間的實際列「更好地呼吸」。

<mx:columns> 
    <mx:DataGridColumn id="leftDummy" width="5" minWidth="5" maxWidth="5"/> 
    <!-- Your "real" columns here, with minWidth assignments --> 
    <mx:DataGridColumn id="rightDummy" width="5" minWidth="5" maxWidth="5"/> 
</mxcolumns>

不過要小心。如果您在列上設置寬度，則不會將其解釋爲字面值或實際百分比，而會將其解釋爲某種半比例的比例。我只能假定列大小的程序厭倦了計算和解決列寬的某種「合理」解釋 - 當然，這在大部分時間內都是完全不合理的。

在這一刻，我非常沮喪，我正在考慮與第三方產品ElfGrid一起解決這些問題。看看文檔，特別是ElfColumnUtils，它們有一些非常方便的方法來處理這些問題。在我做的測試中也很快。

來源

2010-05-21 15:15:20 Robusto

你的方法對我來說效果很好。謝謝。 – artaxerxe 2011-07-22 12:01:12

我有同樣的問題，你應該事先知道你較長的字符串的大小，然後指定MinWidth的大小，並有列resizeable ='假'。

它爲我

來源

2011-07-05 18:35:12

這裏是我如何做到這一點，它工作得很好......

創建一個可綁定變量，並給它一個起始編號（比方說100），例如：

[Bindable] private var colWidth:int = 100;

使用數據的列綁定大小，例如：

mx:DataGridColumn width="{colWidth}"

添加resize事件句柄R鍵數據網格，例如：

myDataGrid.addEventListener(ResizeEvent.RESIZE , onDataGridResize);

在處理程序監聽數據網格的新寬度，採取數和列數除以它（如果所有列相等），或做一些數學創造列的寬度「比例」，例如：

private function onDataGridResize(event:ResizeEvent):void { 
    colWidth = myDataGrid.width/numberOfColumns; 
}

來源

2012-07-19 13:17:12 boogiebot

問題是我希望列中的文本能夠舒適地顯示。因此將列的大小調整爲最長文本的長度。 – Ravish 2012-07-19 17:03:29

自動調整DataGridCoulmn /的AdvancedDataGridColumn的寬度以適應內容

回答

相關問題