Flash Builder 4.0 DataGrid表头样式设置

DataGrid是Flex中常用的高级表格组件，支持多种表格样式。本文将介绍如何自定义表头外观，以及为表格内容行设置交替背景色，从而提升数据展示的清晰度与美观性。

1、 在新建的Flex项目中，于默认的src包内创建一个名为Table.mxml的Flex应用程序文件。

2、 切换至设计视图，定位并打开DataGrid组件的可视化编辑窗口，所示。

3、 将DataGrid控件拖入设计视图窗口，在其上点击鼠标右键，从弹出的快捷菜单中选择配置列选项。

4、 点击配置列按钮，将弹出设置窗口，用于调整DataGrid中各列的绑定字段名称与表头显示文本，具体界面所示。

5、 设置时，按图示添加表格列。

6、 切换至代码编辑模式后，表格将显示为如下HTML代码结构。

7、 列标题为姓名，对应数据字段为num。

8、 表格列标题为性别，对应数据字段为sex。

9、 年龄列：用于显示数据中age字段对应的数值。

10、 列标题为爱好，对应数据字段为interest。

11、 地址列，用于显示数据项中的地址信息，表头文字为地址，对应数据字段名为address。

12、 随后，配置DataGrid的数据源，具体设置所示。

13、 配置DataGrid的数据绑定与表头样式

14、 数据提供者，负责为系统供应数据源。

15、 rowCount 表示数据的行数。

16、 （3）headerStyleName：用于指定表头的样式名称。

17、 （4）textAlign：设置文本的对齐方式

18、 headerColors：用于设置表格表头的颜色

19、 （6）headerSeparatorSkin：隐藏表格头部的分隔线

20、 垂直网格线：控制是否显示表格的列分割线。

21、 （8）交替行颜色：设置表格奇偶行不同背景色

22、 selectionColor：用于设置选中项的颜色

23、 （10）selectionDisabledColor：鼠标悬停时的禁用项高亮颜色

24、 （11）允许多选：设置是否支持同时选择多个项目。

25、 所示

26、 通过内部样式设置表头的字体颜色、大小及加粗效果。

27、 字体设置为微软雅黑。

28、 }

29、 所示