Hi Brian, the example is very similar to the one in Tour De Jewel here [1] that is working, that uses width 100% for the datagrid, and since no width por columns is specified it defaults to the same proportional width for each column. Did you check TDJ examples?
In your image it seems like there's no data. Maybe there's some runtime error. Can you check in the browser console if something is wrong? A part from that, there could be other width issues as we all try this new component. Let me know more about this issue. [1] https://github.com/apache/royale-asjs/blob/b3c63f50c535b04cdf6435665195d372d596483f/examples/royale/TourDeJewel/src/main/royale/DataGridPlayGround.mxml#L189 El mar., 18 feb. 2020 a las 9:31, Carlos Rovira (<[email protected]>) escribió: > Hi Brian, > thanks for reporting, I'll take a look > > El mar., 18 feb. 2020 a las 2:05, Brian Raymes (<[email protected]>) > escribió: > >> I cannot seem to make the Jewel DataGrid size properly when the width is >> set to a percentage. >> >> >> >> In Flex 3, it was possible to set the DataGrid’s width to a percentage, >> as well as columns, and/or mix/match with pixel widths. What am I missing? >> >> >> >> I’ve been toying with examples within Jewel, and cannot seem to replicate >> the DataGrid that scales. >> >> >> >> FYI, I am running the absolute latest as I build the framework from a >> local git clone that I update daily. >> >> >> >> This is how it appears with every build: >> >> >> >> >> >> If the image does not display, here is an ascii representation: >> >> >> >> >> --------------------------------------------------------------------------------------------------------------------------------------------- >> >> | WHEN | >> RECIPIENT | >> DURATION | >> >> >> --------------------------------------------------------------------------------------------------------------------------------------------- >> >> | | | | >> | | | | >> >> | | | | >> >> | | | | >> >> | | | | >> >> | | | | >> >> | | | | >> >> >> --------------------------------------------------------------------------------------------------------------------------------------------- >> >> >> >> Sample code: >> >> >> >> xmlns:j="library://ns.apache.org/royale/jewel" >> >> >> >> <j:Card> >> >> >> >> <j:DataGrid >> >> id="activityLogDataGrid" >> >> width="100%" >> >> dataProvider="{activityLogs}" >> >> rowHeight="42" >> >> emphasis="emphasized"> >> >> >> >> <j:columns> >> >> >> >> <j:DataGridColumn >> >> dataField="formattedTimestamp" label="When"/> >> >> >> >> <j:DataGridColumn >> >> dataField="recipient" label="Recipient"/> >> >> >> >> <j:DataGridColumn >> >> dataField="duration" label="Duration"/> >> >> >> >> </j:columns> >> >> >> >> </j:DataGrid> >> >> >> >> </j:Card> >> >> >> >> >> >> Any help would be appreciated. >> >> >> >> Brian >> >> >> > > > -- > Carlos Rovira > http://about.me/carlosrovira > > -- Carlos Rovira http://about.me/carlosrovira
