我如何缩小默认的Spark DataGrid行高度,并保持文本垂直视图



在Spark DataGrid中,默认的行高约为22像素。我想设置默认行高为18像素,我可以很容易地做到这一点与rowHeight属性,但会发生的是,当rowHeight被设置为任何小于22像素的每一行文本的底部区域被切断。

似乎默认的网格itemrenderer或网格标签有一个最小高度设置给它。既然我有多列,并希望有较短的行,但没有在每一行截断文本的底部,我该怎么做呢?

你必须实现一个自定义的itemRenderer

最后,我必须创建网格列项渲染器。在下面的例子,

<s:GridColumn dataField="@name" 
              minWidth="50"
              editable="false" 
              resizable="true"
              headerText="PROPERTY">
    <s:itemRenderer>
        <fx:Component className="defaultItemRenderer">
            <s:GridItemRenderer minHeight="14">
                <s:Label id="labelDisplay"
                         verticalCenter="1" left="0" right="0" top="0" bottom="0"
                         fontSize="12"
                         paddingTop="3"
                         paddingBottom="3"
                         paddingLeft="3"
                         paddingRight="3"
                         textAlign="start"
                         verticalAlign="middle"
                         width="100%" 
                         maxDisplayedLines="1"
                         showTruncationTip="true"/>
            </s:GridItemRenderer>
        </fx:Component>
    </s:itemRenderer>
</s:GridColumn>

最新更新