如何摆脱几个数据网格之间的间距？ （flex 3）

Question

我有一个 Grid ，其 GridItems 包含另一个 DataGrids 。 （= DataGrid 嵌套在 Grid 中）。 现在我将Grid的horizo​​ntalGap-StyleProperty更改为零。 但是因为在一个 GridItem 中有几个 DataGrids ，所以 DataGrids 之间的间距仍然大约为5-10px。

如何摆脱这些间距？ THX

Answer 1

这是问题的图片。 linkToImage

DataGrid-Items（白色）测量它们所在的GridItem宽度的1/3。您可以看到dataGrids之间的间距以及它如何影响（深褐色）Grid。 dataGrids ...

之间不应有间距

这里将是我的问题的简约代码示例：

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);

在这个例子中，只有一个DataGrid嵌套在Grid中。最初我至少有三个，并且它们之间仍有间隔。

非常感谢

Answer 2

尝试删除DataGrids上的填充

Answer 3

你不能用它本身构建

Answer 4

使用HBox并将间隙设置为0（或小间隙为1）

Answer 5

将数据网格放在Hbox中，并将Hbox的horizo​​ntalGap设置为0.这样可以解决问题。