[GitHub] [royale-asjs] javeiga-iest opened a new issue #736: Jewel: DataGrid HScrollBar

[GitBox]

javeiga-iest opened a new issue #736: Jewel: DataGrid HScrollBar
URL: https://github.com/apache/royale-asjs/issues/736
 
 
   Although the DataGrid element automatically shows the VScroll, when its 
content exceeds the size of the control, there is no way (at least I have not 
been able to find it) to add an HScroll when the width of the control exceeds 
the size of our screen.
   
   ```
      <j:DataGrid rowHeight="40" emphasis="primary"
       width="100%" height="600">
           <j:beads>
               <j:RemoveDataGridItemRendererForArrayListData/>
           </j:beads>
           <j:columns>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="70"/>               
                                   
       </j:columns>
   </j:DataGrid> 
    
   ```
   Our current "solution" is to use an HGroup and add the HScroll by style:
   style = "overflow: scroll; overflow-y: hidden;"
   
   ```
   <j:VGroup localId="dgGroup" width="100%" style="overflow: scroll;overflow-y: 
hidden;" >
       <j:DataGrid rowHeight="40" emphasis="primary"
       width="100%" height="600">
           <j:beads>
               <j:RemoveDataGridItemRendererForArrayListData/>
           </j:beads>
           <j:columns>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="70"/>           
                                       
           </j:columns>
       </j:DataGrid>  
   </j:VGroup>
   ```

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
us...@infra.apache.org


With regards,
Apache Git Services