更改DataGrid(Flex)单元格内的边距

时间:2010-11-17 09:17:38

标签: flex mxml

我使用以下代码将DataGrid对象插入基本面板:

<mx:DataGrid borderThickness="0"
   height="120" dataProvider="{collection}"
   rowHeight="12" fontSize="9"
   showHeaders="false" verticalGridLines="false">
     <mx:columns>
         <mx:DataGridColumn dataField="field1" headerText="Field 1"/>
         <mx:DataGridColumn dataField="field2" headerText="Field 2"/>
     </mx:columns>
</mx:DataGrid>

我设置rowHeight和fontSize属性的要点是我需要DataGrid是紧凑的,每行之间的空间非常小。但是使用这段代码,我最终会将大部分文本“截断”:只有符号的上半部分出现在每一行上,其余部分被一些空白区域切割。 我猜这是由于DataGrid单元格中的默认边距,在显示时优先于文本本身。 有没有办法解决这个问题?有没有理由说Adobe为什么不设置保证金属性? 谢谢你的帮助。

1 个答案:

答案 0 :(得分:3)

我建议你根据mx:label创建一个自定义项目渲染器(如果你的情况只是文本),然后设置你需要的样式。例如。 paddingTop / left / right / bottom。 您可以在此处阅读有关ItemRenderers的信息:Using an item renderer with an MX DataGrid control

相关问题