Silverlight Resizable Table
This free Table control is similar to the standard Grid control, except with this all rows and columns can be resized easily and borders can easily be applied to cells.
This Silverlight only Table Control is easy to implement on your Silverlight driven website and is also customizable to provide a visual feel suitable for any site design.
To use the Table control you will need to add a reference to Liquid.RichText.dll in your project.
You need to login to Download the Table example, If you do not have a login you can register for free!
How to Use the Table Control
To use the Table on your Silverlight page:
<UserControl x:Class="Table.Page"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:liquidRichText="clr-namespace:Liquid;assembly=Liquid.RichText"
xmlns:liquidTreeView="clr-namespace:Liquid;assembly=Liquid.TreeView"
Width="400" Height="200">
<Grid x:Name="LayoutRoot" Background="White">
<liquidRichText:Table HeaderRows="1" CellPadding="2" Margin="2" BorderBrush="#000000" BorderThickness="1" CellBorderBrush="#000000" CellBorderThickness="1">
<liquidRichText:Table.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition />
<ColumnDefinition />
</liquidRichText:Table.ColumnDefinitions>
<liquidRichText:Table.RowDefinitions>
<RowDefinition Height="25" />
<RowDefinition />
</liquidRichText:Table.RowDefinitions>
<liquidRichText:Table.HeaderFill>
<LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
<GradientStop Color="#f6fbfd" Offset="0.0" />
<GradientStop Color="#d5effc" Offset="0.9" />
<GradientStop Color="#e7f5fd" Offset="0.9" />
<GradientStop Color="#e7f5fd" Offset="1.0" />
</LinearGradientBrush>
</liquidRichText:Table.HeaderFill>
<TextBlock Grid.Column="0" Grid.Row="0" Text="A TreeView" FontFamily="Arial" FontSize="16" FontWeight="Bold" HorizontalAlignment="Center" />
<TextBlock Grid.Column="1" Grid.Row="0" Text="A TextBox" FontFamily="Arial" FontSize="16" FontWeight="Bold" HorizontalAlignment="Center" />
<TextBlock Grid.Column="2" Grid.Row="0" Text="A CheckBox" FontFamily="Arial" FontSize="16" FontWeight="Bold" HorizontalAlignment="Center" />
<liquidTreeView:Tree Grid.Column="0" Grid.Row="1" Width="Auto" Height="Auto" Background="#f0f0f0">
<liquidTreeView:Tree.Nodes>
<liquidTreeView:Node Title="Root" Icon="images/folder.png" IconExpanded="images/folderOpen.png" IsExpanded="True">
<liquidTreeView:Node.Nodes>
<liquidTreeView:Node Title="Item 1" Icon="images/pdf.png" />
<liquidTreeView:Node Title="Item 2" Icon="images/pdf.png" />
<liquidTreeView:Node Title="Item 3" Icon="images/pdf.png" />
<liquidTreeView:Node Title="Item 4" Icon="images/pdf.png" />
<liquidTreeView:Node Title="Item 5" Icon="images/pdf.png" />
</liquidTreeView:Node.Nodes>
</liquidTreeView:Node>
</liquidTreeView:Tree.Nodes>
</liquidTreeView:Tree>
<TextBox Grid.Column="1" Grid.Row="1" Text="Some text." AcceptsReturn="True" TextWrapping="Wrap" />
<CheckBox Grid.Column="2" Grid.Row="1" Content="My Option" />
</liquidRichText:Table>
</Grid>
</UserControl>
In the XAML above we have a Table control containing some controls, each control column has a heading. Notice by hovering the mouse over a grid line the cursor changes allowing you to resize the rows and columns.
Example Silverlight Table Control:
Further Information
