Create the Data Grid Table
We will begin by creating a data grid table and configuring it.
Add Data Grid to Card
Add a data grid to a card by dragging from the Tools palette onto your stack.
Turn Off Text Editing
Since this table will only display data turn off Allow Text Editing in the Basic Properties pane of the property inspector.
Resize and Add Columns
Resize the data grid to the size you want it to be and then open the property inspector. Switch to the Columns pane (1) and use the + button (2) to add columns. You can then set the name (3) and width (4).
What You Have So Far
If you set the uText or uData property at this point you will see something like this.
Set Column Properties
Now you can change the alignment and sort type of the columns. For all numeric columns set the alignment to Right (1) and the sort type to Numeric (2).
What We Have So Far
If you refresh the data in the data grid table you will see the new alignment and if you sort then the column will be sorted numerically.
Add your comment