approach in mentioned forum thread is not good.
Child table width is not dynamic and if parent width changes, child stays with the same width when it was created.
<
Grid
>
<
Grid.RowDefinitions
>
<
RowDefinition
Height
=
"Auto"
/>
<
RowDefinition
Height
=
"*"
/>
</
Grid.RowDefinitions
>
<
Border
Style
=
"{StaticResource HeaderBackground}"
>
<
TextBlock
Grid.Row
=
"0"
Text
=
"Customer Search Results"
Style
=
"{StaticResource HeaderTextBlock}"
/>
</
Border
>
<
telerik:RadGridView
x:Name
=
"CustomerSearch_CustomersGrid"
Grid.Row
=
"1"
IsReadOnly
=
"True"
IsBusy
=
"{Binding IsCustomerTableBusy}"
ItemsSource
=
"{Binding Customers}"
AutoGenerateColumns
=
"False"
ShowColumnFooters
=
"True"
RowIndicatorVisibility
=
"Collapsed"
SelectionMode
=
"Extended"
SelectionUnit
=
"Cell"
RowIsExpandedChanging
=
"CustomerSearchResult_RowIsExpandedChanging"
RowLoaded
=
"CustomerSearchResult_RowLoaded"
RowHeight
=
"15"
RowStyleSelector
=
"{StaticResource RowStyleSelector}"
ScrollViewer.HorizontalScrollBarVisibility
=
"Disabled"
RowActivated
=
"CustomerRowActivated"
>
<
telerik:RadGridView.Columns
>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding SiteCount}"
Width
=
"SizeToHeader"
IsFilterable
=
"False"
IsGroupable
=
"False"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding FirstName}"
TextTrimming
=
"WordEllipsis"
Width
=
"*"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding LastName}"
TextTrimming
=
"WordEllipsis"
Width
=
"*"
>
<
telerik:GridViewDataColumn.AggregateFunctions
>
<
telerik:CountFunction
Caption
=
"Count:"
/>
</
telerik:GridViewDataColumn.AggregateFunctions
>
</
telerik:GridViewDataColumn
>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding BusinessName}"
Width
=
"*"
TextTrimming
=
"WordEllipsis"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding CustomerClassification}"
Width
=
"SizeToHeader"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding CustomerRCE}"
Width
=
"SizeToHeader"
TextTrimming
=
"WordEllipsis"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding PhoneNumber}"
Width
=
"Auto"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding Address}"
Width
=
"*"
TextTrimming
=
"WordEllipsis"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding City}"
Width
=
"Auto"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding JurisdictionIdentifier}"
Width
=
"Auto"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding Country}"
Width
=
"SizeToHeader"
TextTrimming
=
"WordEllipsis"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding PostalCode}"
Width
=
"SizeToHeader"
TextTrimming
=
"WordEllipsis"
/>
<
telerik:GridViewColumn
Width
=
"30"
>
<
telerik:GridViewColumn.CellTemplate
>
<
DataTemplate
>
<
HyperlinkButton
x:Name
=
"CustomerSearch_CustomerDetailsBtn"
Content
=
"..."
Style
=
"{StaticResource DetailsLinkBtns}"
Click
=
"CustomerSearchClick"
/>
</
DataTemplate
>
</
telerik:GridViewColumn.CellTemplate
>
</
telerik:GridViewColumn
>
</
telerik:RadGridView.Columns
>
<
telerik:RadGridView.ChildTableDefinitions
>
<
telerik:GridViewTableDefinition
/>
</
telerik:RadGridView.ChildTableDefinitions
>
<
telerik:RadGridView.HierarchyChildTemplate
>
<
DataTemplate
>
<
Grid
MaxWidth
=
"950"
MaxHeight
=
"300"
>
<
Grid.RowDefinitions
>
<
RowDefinition
Height
=
"*"
/>
<
RowDefinition
Height
=
"Auto"
/>
</
Grid.RowDefinitions
>
<
telerik:RadGridView
ItemsSource
=
"{Binding PagedSource, ElementName=SitesPager}"
x:Name
=
"CustomerSearch_SiteGrid"
ShowGroupPanel
=
"False"
IsReadOnly
=
"True"
AutoGenerateColumns
=
"False"
RowHeight
=
"15"
RowIndicatorVisibility
=
"Collapsed"
RowActivated
=
"SiteRowActivated"
SelectionMode
=
"Extended"
SelectionUnit
=
"Cell"
>
<
telerik:RadGridView.Columns
>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding Utility.CommodityTypeIdentifier}"
Width
=
"SizeToCells"
TextTrimming
=
"WordEllipsis"
IsFilterable
=
"False"
IsGroupable
=
"False"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding Utility.UtilityProviderAccount}"
Width
=
"Auto"
IsFilterable
=
"False"
IsGroupable
=
"False"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding Utility.MarketParticipantIdentifier}"
Width
=
"SizeToHeader"
TextTrimming
=
"WordEllipsis"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding Address.Street}"
Width
=
"SizeToCells"
TextTrimming
=
"WordEllipsis"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding Address.City}"
Width
=
"Auto"
TextTrimming
=
"WordEllipsis"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding Address.Country}"
Width
=
"SizeToHeader"
IsFilterable
=
"False"
IsGroupable
=
"False"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding Address.PostalCode}"
Width
=
"SizeToHeader"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding RetailerID}"
Width
=
"Auto"
IsFilterable
=
"False"
IsGroupable
=
"False"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding StartDate}"
DataFormatString
=
"{}{0:d}"
Width
=
"Auto"
IsFilterable
=
"False"
IsGroupable
=
"False"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding ContractClassification}"
Width
=
"Auto"
Header
=
"Con Class"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding ContractRCE}"
Width
=
"Auto"
Header
=
"Con RCE"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding ContractStatusIdentifier}"
Width
=
"Auto"
Header
=
"Status"
/>
<
telerik:GridViewColumn
Width
=
"30"
>
<
telerik:GridViewColumn.CellTemplate
>
<
DataTemplate
>
<!--<Button Padding="0">-->
<
HyperlinkButton
x:Name
=
"CustomerSearch_SiteDetailsBtn"
Content
=
"..."
Style
=
"{StaticResource DetailsLinkBtns}"
Click
=
"siteSearch_Click"
/>
<!--</Button>-->
</
DataTemplate
>
</
telerik:GridViewColumn.CellTemplate
>
</
telerik:GridViewColumn
>
</
telerik:RadGridView.Columns
>
</
telerik:RadGridView
>
<
telerik:RadDataPager
Grid.Row
=
"1"
x:Name
=
"SitesPager"
Source
=
"{Binding Sites}"
PageSize
=
"100"
DisplayMode
=
"All"
NumericButtonCount
=
"10"
/>
</
Grid
>
</
DataTemplate
>
</
telerik:RadGridView.HierarchyChildTemplate
>
</
telerik:RadGridView
>
</
Grid
>