Как установить ширину столбца 100% на базовом js|DataGrid на Apache Royale

Я борюсь с шириной столбца. Я хочу, чтобы последний столбец имел ширину 100%. Очевидно, я не могу использовать columnWidth="100%".

Я использую js|DataGrid (базовый) с 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>

This is giving the following 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, содержащем мой DataGrid):

<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";
}

Но это не работает, как будто мое имя класса игнорируется.

Пожалуйста помоги !


datagrid column-width apache-royale
person Fred    schedule 17.10.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Мне кажется, что это в настоящее время не поддерживается. В настоящее время в Royale есть DataGridLayout и DataGridPercentageLayout, первый из которых используется по умолчанию. Когда DataGridLayout видит неопределенную ширину столбца (3-й столбец в вашем примере), он просто предполагает равное распределение ширины, то есть общую ширину сетки, деленную на количество столбцов.

Я предлагаю вам открыть вопрос на GitHub и запросить новый макет или принять участие и создать его.

Чтобы ускорить процесс, вы всегда можете обратиться в коммерческую поддержку [1].

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

person yishayw    schedule 21.10.2019