Hiding Columns

[Morgan]

Is there a way to hide columns based on the screen using an AdaptiveTrigger,  I have tried by indexing the column, I have tried x:Name on the column.  VisualState is either not actually doing anything (which is not the question since I know the trigger is hitting). Or the Grid doesn't take the property change into account based on the screen size changing, when the State is hit and causes the setters to trigger the properties to be set.  This is slightly disturbing that you didn't add in "Visibility" properties that would be obvious over IsHidden?  I will try another solution to see if that will work over this failure.

<RelativePanel >
            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup x:Name="AdaptiveVisualStateGroup">
                    <VisualState x:Name="VisualStateNarrow">
                        <VisualState.StateTriggers>
                            <AdaptiveTrigger MinWindowWidth="{StaticResource NarrowMinWidth}" />
                        </VisualState.StateTriggers>
                        <VisualState.Setters>
                            <Setter Target="DocGrid.Columns[3].IsHidden" Value="True" />
                        </VisualState.Setters>
                    </VisualState>
                    <VisualState x:Name="VisualStateNormal">
                        <VisualState.StateTriggers>
                            <AdaptiveTrigger MinWindowWidth="{StaticResource NormalMinWidth}" />
                        </VisualState.StateTriggers>
                        <VisualState.Setters>
                            <Setter Target="DocGrid.Columns[3].IsHidden" Value="False" />
                        </VisualState.Setters>
                    </VisualState>
                    <VisualState x:Name="VisualStateWide">
                        <VisualState.StateTriggers>
                            <AdaptiveTrigger MinWindowWidth="{StaticResource WideMinWidth}" />
                        </VisualState.StateTriggers>
                        <VisualState.Setters>
                            <Setter Target="DocGrid.Columns[3].IsHidden" Value="False" />
                        </VisualState.Setters>
                    </VisualState>
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>

[Jai Ganesh S]

Hi Morgan, 

You can achieve your requirement to show/hide the columns based on the window width by using the below code. 

<Page.Resources> 

      <syncfusion:Columns x:Key="maxWidthColumns"> 

            <syncfusion:GridTextColumn HeaderText="UserId" MappingName="UserId" /> 

            <syncfusion:GridTextColumn HeaderText="Name" MappingName="Name" /> 

        </syncfusion:Columns> 

 

        <syncfusion:Columns x:Key="minWidthColumns"> 

            <syncfusion:GridTextColumn HeaderText="DateofBirth" MappingName="DateofBirth" /> 

            <syncfusion:GridTextColumn HeaderText="Salary" MappingName="Salary" /> 

        </syncfusion:Columns> 

</Page.Resources> 

 

<VisualStateManager.VisualStateGroups> 

            <VisualStateGroup x:Name="Screen"> 

                <VisualState> 

                    <VisualState.StateTriggers> 

                        <AdaptiveTrigger MinWindowWidth="700" /> 

                    </VisualState.StateTriggers> 

                    <VisualState.Setters> 

                        <Setter Target="sfGrid.Columns" Value="{StaticResource maxWidthColumns}" /> 

                    </VisualState.Setters> 

                </VisualState> 

 

                <VisualState> 

                    <VisualState.StateTriggers> 

                        <AdaptiveTrigger MinWindowWidth="0" /> 

                    </VisualState.StateTriggers> 

                    <VisualState.Setters> 

                        <Setter Target="sfGrid.Columns" Value="{StaticResource minWidthColumns}" /> 

                    </VisualState.Setters> 

                </VisualState> 

            </VisualStateGroup> 

        </VisualStateManager.VisualStateGroups> 

Sample: https://www.syncfusion.com/downloads/support/directtrac/169017/ze/SfDataGridDemo61784514 

Regards, 

Jai Ganesh S 

[Morgan]

Excellent 

Thanks! Jai

[Jai Ganesh S]

Hi Morgan, 

Thank you for the update. 

Please let us know if you need further assistance on this. 

Regards, 

Jai Ganesh S