I have the following models:

	<ext:Model runat="server" Name="Lot" IDProperty="Id">
		<Fields>
			<ext:ModelField Name="Id" />
		</Fields>
	</ext:Model>

	<ext:Model runat="server" Name="Step" IDProperty="Id">
		<Fields>
			<ext:ModelField Name="Id" />
			<ext:ModelField Name="Name" />
			<ext:ModelField Name="Lot" Type="Object" ModelName="Lot" />
		</Fields>
	</ext:Model>
I want to display the data from the child object (I've confirmed it is loaded) along-side the parent information. The only example I could find covering anything remotely like this was: https://examples5.ext.net/#/Form/Mis.../Data_Binding/ which has `DataIndex="Phone.Home"`, but doing the same here doesn't work:

					<Columns>
						<ext:Column runat="server" Text="Name" DataIndex="Name" />
						<ext:Column runat="server" Text="Lot" DataIndex="Lot.Id" />
					</Columns>
I tried several variations, including things like:

						<ext:ComponentColumn runat="server" Editor="true" Text="Lot" Sortable="false" DataIndex="Lot.Id">
							<Component>
								<ext:NumberField runat="server" MinValue="0" DataIndex="Id" />
							</Component>
						</ext:ComponentColumn>
With every combination of `DataIndex` in the `ComponentColumn` and `NumberField` tags that I could think of (none, `Lot`, `Id`, and `Lot.Id`).

How do you show nested data in a `GridPanel` column?