Повернуть заголовки таблицы на 90 градусов

[olevacho]

Нужно чтоб заголовки таблицы были повернуты на 90 градусов. В следующем коде я попробовал реализовать но результат не совсем удовлетворительный. Заголовки вылазят за пределы ячейки и таблицы. Не помогает манипулирование свойствами x и y HeaderRenderer-а. Как решается такая проблема?

import fl.controls.DataGrid;
import fl.controls.dataGridClasses.DataGridColumn;
import fl.data.DataProvider;
 
import fl.controls.dataGridClasses.HeaderRenderer;
 
var dp:DataProvider = new DataProvider();
dp.addItem({data:"gr1", title:"choice1"});
dp.addItem({data:"gr21", title:"choice2"});
dp.addItem({data:"gr3", title:"choice3"});
dp.addItem({data:"gr4", title:"choice4"});
dp.addItem({data:"gr5", title:"choice5"});
var myDataGrid:DataGrid = new DataGrid();
 
var col1:DataGridColumn = new DataGridColumn("data");
var col2:DataGridColumn = new DataGridColumn("title");
 
var hd1:HeaderRenderer=new HeaderRenderer();
var hd2:HeaderRenderer=new HeaderRenderer();
 
hd1.rotationZ=90;
hd2.rotationZ=90;
 
 
col1.headerRenderer=hd1;
col2.headerRenderer=hd2;
myDataGrid.addColumn(col1);
myDataGrid.addColumn(col2);
myDataGrid.dataProvider = dp;
myDataGrid.rowHeight = 164;
myDataGrid.width = 200;
myDataGrid.rowCount = dp.length - 1;
myDataGrid.move(10, myDataGrid.width+10);
addChild(myDataGrid);