c# - GridView Data overlays with Header after vertical scrolling in Microsoft Store App -


i have gridview looks follows:

<page x:name="pageroot" x:class="view.servicemodule" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:view" xmlns:common="using:view.common" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:ignorable="d">  <page.resources>     <collectionviewsource         x:name="groupeditemsviewsource"         source="{binding servicetasksfiltered}"         issourcegrouped="true"         itemspath="servicetasksfiltered">     </collectionviewsource> </page.resources>  <grid background="{themeresource applicationpagebackgroundthemebrush}">     <grid.childrentransitions>         <transitioncollection>             <entrancethemetransition/>         </transitioncollection>     </grid.childrentransitions>     <grid.rowdefinitions>         <rowdefinition height="140"/>         <rowdefinition height="*"/>     </grid.rowdefinitions>       <gridview         visibility="collapsed"         x:name="servicetasksfilteredgridview"         tabindex="1"         grid.rowspan="2"         padding="116,136,116,46"         itemssource="{binding servicetasksfiltered, mode=twoway}"         selectionmode="none"         isswipeenabled="false"         isitemclickenabled="true"         scrollviewer.verticalscrollmode="auto"         scrollviewer.verticalscrollbarvisibility="auto"         verticalalignment="top">         <gridview.itemcontainerstyle>             <style targettype="gridviewitem">                 <setter property="horizontalalignment" value="stretch"/>                 <setter property="horizontalcontentalignment" value="stretch"/>             </style>         </gridview.itemcontainerstyle>         <gridview.itemspanel>             <itemspaneltemplate>                 <stackpanel horizontalalignment="stretch"/>             </itemspaneltemplate>         </gridview.itemspanel>         <gridview.header>             <grid>                 <grid.columndefinitions>                     <columndefinition width="100"></columndefinition>                     <columndefinition width="200"></columndefinition>                     <columndefinition width="500"></columndefinition>                     <columndefinition width="300"></columndefinition>                     <columndefinition width="300"></columndefinition>                 </grid.columndefinitions>                 <textblock text="debitornr." textwrapping="wrap" fontsize="24" fontweight="bold"/>                 <textblock grid.column="1" text="name" textwrapping="wrap" fontsize="24" fontweight="bold"/>                 <textblock grid.column="2" text="belegnr." textwrapping="wrap" fontsize="24" fontweight="bold"/>                 <textblock grid.column="3" text="reaktionsdatum" textwrapping="wrap" fontsize="24" fontweight="bold"/>                 <textblock grid.column="4" text="priorität" textwrapping="wrap" fontsize="24" fontweight="bold"/>             </grid>         </gridview.header>         <gridview.itemtemplate>             <datatemplate>                 <grid>                     <grid.columndefinitions>                         <columndefinition width="100"></columndefinition>                         <columndefinition width="200"></columndefinition>                         <columndefinition width="500"></columndefinition>                         <columndefinition width="300"></columndefinition>                         <columndefinition width="300"></columndefinition>                     </grid.columndefinitions>                     <textblock text="{binding customerno}" textwrapping="wrap" fontsize="20"/>                     <textblock grid.column="1" text="{binding customername}" textwrapping="wrap" fontsize="20"/>                     <textblock grid.column="2" text="{binding documentno}" textwrapping="wrap" fontsize="20"/>                     <textblock grid.column="3" text="{binding responsedatedisplay}" textwrapping="wrap" fontsize="20"/>                     <textblock grid.column="4" text="{binding prioritydisplay}" textwrapping="wrap" fontsize="20"/>                 </grid>             </datatemplate>         </gridview.itemtemplate>     </gridview>      <!-- button , page title -->     <grid>         <grid.columndefinitions>             <columndefinition width="120"/>             <columndefinition width="*"/>         </grid.columndefinitions>         <button x:name="backbutton" margin="39,59,39,0"                      click="backbutton"                     style="{staticresource navigationbackbuttonnormalstyle}"                     verticalalignment="top"                     automationproperties.name="back"                     automationproperties.automationid="backbutton"                     automationproperties.itemtype="navigation button"/>         <textblock x:name="pagetitle" text="serviceaufgaben" style="{staticresource headertextblockstyle}" grid.column="1"                      ishittestvisible="false" textwrapping="nowrap" verticalalignment="bottom" margin="0,0,30,40"/>     </grid> </grid> 

when try scroll down display bottom rows, top rows being moved higher instead of disappearing. please see following picture better descirption:

gridview wrong scrolling settings

as can see gridview scrolled down , rows behind header of page. need them disappear.

any appreciated.


Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -