MDK Grid Table

[#1]

Hello MDK- Expert,

I have to build a grid table into our application, unfortunately I have some problems understanding how this works. For tablet (ipad) works great but on phone (iphone se2 and any andriod) the columns and lines are not displayed correctly. The columns and header are stacked in the first 20 percent of the available display. (mdk 5.1)

tanks for help

Robert

"Controls": [
		{
			"Sections": [
				{
					"DataPaging": {
						"PageSize": 50,
						"ShowLoadingIndicator": false
					},
					"EmptySection": {
						"Caption": "No Data",
						"FooterVisible": true
					},
					"Header": {
						"Grid": {
							"Items": [
								{
									"NumberOfLines": 1,
									"Text": "Status"
								},
								{
									"NumberOfLines": 1,
									"Text": "ID"
								},
								{
									"NumberOfLines": 1,
									"Text": "Description"
								},
								{
									"NumberOfLines": 1,
									"Text": "Price"
								}
							]
						},
						"UseTopPadding": false
					},
					"Row": {
						"AccessoryType": "none",
						"Items": [
							{
								"NumberOfLines": 1,
								"Text": "OK"
							},
							{
								"NumberOfLines": 1,
								"Text": "588877"
							},
							{
								"NumberOfLines": 1,
								"Text": "that's a very nice thing"
							},
							{
								"NumberOfLines": 1,
								"Text": "22,33"
							}
						],
						"Layout": {
							"ColumnWidthPercentage": [
								0.25,
								0.25,
								0.25,
								0.25
							]
						}
					},
					"Target": {
						"EntitySet": "BarcodeSet",
						"QueryOptions": ".....",
						"Service": "/mobile_scp_eh_logistics/Services/....."
					},
					"Visible": true,
					"_Name": "SectionGrid_Parts",
					"_Type": "Section.Type.GridTable"
				}
			],
			"Target": "",
			"_Name": "SectionedTable0",
			"_Type": "Control.Type.SectionedTable"
		}
	],

Tablet (ipad)

phone (pixel2)

[Jitendra_Kansal]

Scrollable grid on the phone (using Data Table control) is now available from MDK 6.1 release onward.