Как установить ширину столбца 100% на базовых js | DataGrid на Apache Royale - PullRequest
Новая
       55

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

0 голосов
/ 17 октября 2019

Я борюсь с шириной столбца. Я хочу, чтобы последний столбец имел ширину 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;. Как я могу избавиться от этого? Я пытаюсь это в стилях (в 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";
}

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

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

1 Ответ

0 голосов
/ 21 октября 2019

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

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

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

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

...