如何在基本js上设置列100%宽度|Apache Royale上的DataGrid

Question

我在列宽上挣扎。我希望最后一列的宽度为 100% 显然我不能使用 columnWidth="100%"。

我用js|数据网格(基本(与 SDK 0.9.6

这是我的代码：

<js:DataGrid localId="dg" percentWidth="100" percentHeight="100">
<js:columns>
<js:DataGridColumn label="Date" dataField="FAC_DATE" columnWidth="120"/>
<js:DataGridColumn label="Px. H.T." dataField="FAC_PX_HT" columnWidth="160"/>
<js:DataGridColumn label="Label" dataField="FAC_DESIGNATION" />
</js:columns>

这给出了以下JS：

<div id="dataGridColumn2" class="last DataGridColumnList" style="overflow: hidden;vertical-align: top;left: 280px;top: 0px;width: 66px;display: inline-block;">

问题是width: 66px;.我怎样才能摆脱这个？ 我在样式中尝试这样做(在包含我的数据网格的 mxml 中(：

<fx:Style>
@namespace j "library://ns.apache.org/royale/jewel";
@namespace js "library://ns.apache.org/royale/basic";
.last   {
width: "max-content";
}
</fx:Style>

也试试

<js:DataGridColumn label="Label" dataField="FAC_DESIGNATION" className="mycolumnmax" />

和

.mycolumnmax   {
width: "max-content";
}

但这不起作用，就像我的类名被忽略了一样。

请帮忙 ！

Answer 1

在我看来，目前不支持此功能。Royale目前有DataGridLayout和DataGridPercentLayout，前者是默认的。当 DataGridLayout 看到未定义的列宽(示例中的第 3 列(时，它只是假设宽度分布相等，即总网格宽度除以列数。

我建议您在 GitHub 上打开一个问题并请求新的布局，或者参与并创建一个。

为了加快速度，您可以随时咨询商业支持 [1]。

[1] https://royale.apache.org/royale-commercial-support/

Answer 2

<js:DataGrid localId="dg" percentWidth="100" percentHeight="100">
<js:columns>
<js:DataGridColumn label="Date" dataField="FAC_DATE" columnWidth="120"/>
<js:DataGridColumn label="Px. H.T." dataField="FAC_PX_HT" columnWidth="160"/>
<js:DataGridColumn label="Label" dataField="FAC_DESIGNATION" percentColumnWidth="100"/>
</js:columns>