0

我与列宽作斗争。我希望最后一列的宽度为 100% 显然我不能使用 columnWidth="100%"。

我使用 js|DataGrid (basic) 和 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;。我怎样才能摆脱这个？我在样式中尝试这个（在包含我的 DataGrid 的 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";
}

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

请帮忙 ！

4

1 回答 1

0

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

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

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

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

于 2019-10-21T08:47:27.437 回答