cómo deshacerse de espaciamiento entre varios DataGrids? (Flex3)

Question

Tengo un Cuadrícula cuya GridItems contener otro DataGrids . (= El DataGrid se anidan en el Cuadrícula ). Ahora he cambiado de la cuadrícula horizontalGap-StyleProperty a cero. Pero debido a que hay varios DataGrids en un GridItem , aún existe sobre 5-10px el espaciamiento entre los DataGrids .

¿Cómo deshacerse de estas separaciones? Thx

Answer 1

Puede no que no es nativa en la construcción

Answer 2

intente eliminar el relleno en los DataGrids

Answer 3

A continuación, una imagen del problema. linkToImage

DataGrid-Items (blanco) medida 1/3 de la anchura de la GridItem, en la que están en. Se puede ver la distancia entre las DataGrids y cómo afecta (marrón oscuro) de la cuadrícula. Debe haber ninguna separación entre las DataGrids ...

Y aquí sería un ejemplo de código minimalista de mi problema:

var grid:Grid = new Grid();
var gridRow:GridRow = new GridRow();
var gridItem:GridItem = new GridItem();

// the DataGrid which will be nested into the grid               
var dataGrid:DataGrid = new DataGrid();
var item1:String = “exampleItem1”;
var dataGridColumnArray:Array = new Array();
var obj1:Object = {dItem:item1};
var objArray:Array = new Array();
objArray.push(obj1)
dataGridColumn.dataField = “dItem”;
dataGriColumnArray.push(dataGridColumn);
dataGrid.dataProvider = objArray;
dataGrid.columns = dataGriColumnArray;

//No spacing in the Grid
grid.setStyle(“horizontalGap”, 0);

//Nesting the DataGrid into the Grid
gridItem.addChild(dataGrid);
gridRow.addChild(gridItem);
grid.addChild(gridRow);

En este ejemplo sólo hay un DataGrid anidado en la cuadrícula. Originalmente tengo al menos tres de ellos, y todavía hay en el espaciamiento entre ellos.

Muchas gracias

Answer 4

Utilice un HBox y establecer la diferencia a 0 (o 1 para un pequeño hueco)

Answer 5

Ponga las DataGrids dentro del HBOX y establecer el horizontalGap para HBOX como 0. Esto se solucionará el problema.