I'm not very good with TDJ but:
You can try changing the 4th card ( columnWidth set to pixels )
Change the card content to:
<j:CardPrimaryContent>
<j:Label text="Using specific column widths, rowHeight=54 and height=220,
first column uses a custom renderer and last column has right alignment"
multiline="true"/>
<j:DataGrid localId="dg4" height="205" emphasis="primary"
change="dataGridChange(event.target as DataGrid, lb4)"
dataProvider="{productModel.productList}">
<j:columns>
<j:DataGridColumn label="Images" dataField="image"
columnWidth="100"
itemRenderer="itemRenderers.ImageDataGridItemRenderer"/>
<j:DataGridColumn localId="titlecolumn" label="Title"
dataField="title"
columnWidth="140"/>
<j:DataGridColumn label="Sales" dataField="sales"
columnWidth="80"
align="right"/>
</j:columns>
<j:beads>
<j:DataGridPresentationModel rowHeight="54"/>
<j:DataGridSort/>
<j:RemoveAllDataGridItemRendererForArrayListData/>
</j:beads>
</j:DataGrid>
<j:Label localId="lb4" text="DataGrid selection will be shown here"/>
<j:Label html="{'Selected Index: ' + dg4.selectedIndex}"/>
<j:Label localId="selected" html="{describeItem(dg4.selectedItem)}"/>
</j:CardPrimaryContent>
Add to actions:
<j:Button text="Show Title" click="titlecolumn.visible=true"
emphasis="primary"/>
<j:Button text="Hide Title" click="titlecolumn.visible=false"
emphasis="primary"/>
Please note that this card is broken -- it won't update the first row
either.
--
Sent from: http://apache-royale-users.20374.n8.nabble.com/
