c# - How to have more cells in a single cell in datagrid - silverlight? -
i trying create table shown below,
here code:
<my:datagrid> <my:datagrid.columns> <my:datagridtextcolumn header="class"/> <my:datagridtextcolumn header="sec"/> <my:datagridtextcolumn header="monday"/> <my:datagridtextcolumn header="tuesday"/> <my:datagridtextcolumn header="wednesday"/> <my:datagridtextcolumn header="thursday"/> <my:datagridtextcolumn header="friday"/> </my:datagrid.columns> </my:datagrid> how include columns 1 8 inside column monday
can me this?
here go,
<usercontrol xmlns:controls1="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" x:class="silverlightapplication2.mainpage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:primitives="clr-namespace:system.windows.controls.primitives;assembly= system.windows.controls.data" xmlns:vsm="clr-namespace:system.windows;assembly=system.windows" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:ignorable="d" d:designheight="300" d:designwidth="400"> <grid x:name="layoutroot" background="white"> <controls1:datagrid> <controls1:datagrid.columns> <controls1:datagridtemplatecolumn header="monday" width="2.5*"> <controls1:datagridtemplatecolumn.headerstyle> <style targettype="primitives:datagridcolumnheader" basedon="{staticresource columnheaderstyle}"> <setter property="template"> <setter.value> <controltemplate targettype="primitives:datagridcolumnheader"> <grid name="root"> <visualstatemanager.visualstategroups> <visualstategroup x:name="commonstates"> <visualstate x:name="normal" /> <visualstate x:name="mouseover"/> <visualstate x:name="pressed"/> </visualstategroup> <visualstategroup x:name="sortstates"> <visualstate x:name="unsorted" /> <visualstate x:name="sortascending"/> <visualstate x:name="sortdescending"/> </visualstategroup> </visualstatemanager.visualstategroups> <grid.columndefinitions> <columndefinition/> <columndefinition width="auto" /> </grid.columndefinitions> <rectangle x:name="backgroundrectangle" stretch="fill" fill="yellow" grid.columnspan="2" /> <rectangle x:name="backgroundgradient" stretch="fill" grid.columnspan="2" > <rectangle.fill> <lineargradientbrush startpoint="0,0" endpoint="0,1" > <gradientstop color="#ffb93a42" offset="0" /> <gradientstop color="#ff48030a" offset="1" /> </lineargradientbrush> </rectangle.fill> </rectangle> <grid horizontalalignment="stretch" verticalalignment="stretch" margin="0" grid.column="0" grid.columnspan="2"> <grid.rowdefinitions> <rowdefinition height="auto"/> <rowdefinition height="auto"/> <rowdefinition height="auto"/> </grid.rowdefinitions> <textblock text="monday" verticalalignment="center" horizontalalignment="center" margin="2" grid.row="0"/> <border grid.row="1" background="white" borderbrush="white" borderthickness="1" height="1" /> <grid grid.row="2" > <grid.columndefinitions> <columndefinition width="0.5*"/> <columndefinition width="0.5*"/> <columndefinition width="0.5*"/> <columndefinition width="0.5*"/> <columndefinition width="0.5*"/> </grid.columndefinitions> <textblock margin="2" grid.column="0" verticalalignment="center" horizontalalignment="center" text="1"/> <textblock margin="2" grid.column="1" verticalalignment="center" horizontalalignment="center" text="2"/> <textblock margin="2" grid.column="2" verticalalignment="center" horizontalalignment="center" text="3"/> <textblock margin="2" grid.column="3" verticalalignment="center" horizontalalignment="center" text="4"/> <textblock margin="2" grid.column="4" verticalalignment="center" horizontalalignment="center" text="5"/> </grid> </grid> <rectangle name="verticalseparator" grid.column="1" width="1" verticalalignment="stretch" fill="{templatebinding separatorbrush}" visibility="{templatebinding separatorvisibility}" /> </grid> </controltemplate> </setter.value> </setter> </style> </controls1:datagridtemplatecolumn.headerstyle> <controls1:datagridtemplatecolumn.celltemplate> <datatemplate> <grid> <grid.columndefinitions> <columndefinition width="0.5*"/> <columndefinition width="0.5*"/> <columndefinition width="0.5*"/> <columndefinition width="0.5*"/> <columndefinition width="0.5*"/> </grid.columndefinitions> <textblock margin="2" grid.column="0" verticalalignment="center" horizontalalignment="center" text="{binding 1}"/> <textblock margin="2" grid.column="1" verticalalignment="center" horizontalalignment="center" text="{binding 2}"/> <textblock margin="2" grid.column="2" verticalalignment="center" horizontalalignment="center" text="{binding 3}"/> <textblock margin="2" grid.column="3" verticalalignment="center" horizontalalignment="center" text="{binding 3}"/> <textblock margin="2" grid.column="4" verticalalignment="center" horizontalalignment="center" text="{binding 4}"/> </grid> </datatemplate> </controls1:datagridtemplatecolumn.celltemplate> </controls1:datagridtemplatecolumn> </controls1:datagrid.columns> </controls1:datagrid> </grid> </usercontrol>
Comments
Post a Comment