Spark Datagrid Процент Ширина Колонки

Question

Я хотел бы применить процентную ширину для столбцов, как я сделал после столбцов mx: datagrid.

я попробовать несколько тестов:

<s:DataGrid id="dgTuVous" fontWeight="normal" 
             dataProvider="{DP_PRAT_INIT}" 
             width="100%" height="100%" 
             horizontalScrollPolicy="on" 
             fontSize="10" 

             > 
           <s:columns> 
            <s:ArrayList> 
             <s:GridColumn dataField="prInitiales" width="40%" headerText="Prat" /> 
             <s:GridColumn width="60%" dataField="prTuVous" 
                 headerText="Tu/Vous"> 
              <s:itemEditor> 
               <fx:Component> 
                <s:ComboBoxGridItemEditor> 
                 <s:dataProvider> 
                  <s:ArrayList> 

                   <fx:String>Tu</fx:String> 
                   <fx:String>Vous</fx:String> 
                  </s:ArrayList> 
                 </s:dataProvider> 
                </s:ComboBoxGridItemEditor> 
               </fx:Component> 
              </s:itemEditor> 
             </s:GridColumn> 

            </s:ArrayList> 
           </s:columns> 
          </s:DataGrid> 

и

<s:DataGrid id="dgTuVous" fontWeight="normal" 
             dataProvider="{DP_PRAT_INIT}" 
             width="100%" height="100%" 
             horizontalScrollPolicy="on" 
             fontSize="10" 

             > 
           <s:columns> 
            <s:ArrayList> 
             <s:GridColumn dataField="prInitiales" width=".4" headerText="Prat" /> 
             <s:GridColumn width=".6" dataField="prTuVous" 
                 headerText="Tu/Vous"> 
              <s:itemEditor> 
               <fx:Component> 
                <s:ComboBoxGridItemEditor> 
                 <s:dataProvider> 
                  <s:ArrayList> 

                   <fx:String>Tu</fx:String> 
                   <fx:String>Vous</fx:String> 
                  </s:ArrayList> 
                 </s:dataProvider> 
                </s:ComboBoxGridItemEditor> 
               </fx:Component> 
              </s:itemEditor> 
             </s:GridColumn> 

            </s:ArrayList> 
           </s:columns> 
          </s:DataGrid> 

Но любые работы.

В первом примере создаются ошибки гибкости, а во-вторых, первые столбцы невидимы.

Спасибо за помощь.

Answer 1

Фактически вы не можете использовать процентное значение внутри GridColumn, однако вы можете использовать привязку данных для динамического расчета ширины столбца на основе ширины DataGrid, как показано ниже.

<s:DataGrid id="_dg" width="500"> 
    <s:columns> 
     <s:ArrayList> 
      <s:GridColumn width="{this._dg.width * 0.1}" headerText="Col 1" /> 
      <s:GridColumn width="{this._dg.width * 0.2}" headerText="Col 2" /> 
      <s:GridColumn width="{this._dg.width * 0.3}" headerText="Col 3" /> 
      <s:GridColumn headerText="Col 4" /> 
     </s:ArrayList> 
    </s:columns> 
</s:DataGrid> 

Приветствие Виккерс