HI

I'm using webdata grid and I have added footer template. But footer showing off the gird. Please suggest. I have added my HTML down too.

Thanks

Amit

<ig:WebDataGrid ID="WebDataGrid1" runat="server" AutoGenerateColumns ="False" Height="200px" Width="400px" ShowFooter="True"

OnLoad="WebDataGrid1_Load" EnableDataViewState="True" EnableAjax="false" >

<Columns>

<ig:TemplateDataField Key="TemplateField_1" Width="40%" >

<ItemTemplate>

<asp:Label runat="server" ID ="lbldivision" ><%# DataBinder.Eval(Container, "DataItem.Division")%> </asp:Label>

</ItemTemplate>

<FooterTemplate>

<asp:DropDownList ID="dropdownlist2" CssClass="font" runat="server" DataTextField="Diivison" DataValueField="Diivison"></asp:DropDownList>

</FooterTemplate>

<Footer Text ="Add new" ></Footer>

<Header Text="Division" ></Header>

</ig:TemplateDataField>

<ig:TemplateDataField Key="EditItem" Width="20px" Footer-ColSpan ="2">

<ItemTemplate>

<asp:ImageButton runat="server" ID="ImageButton2" AlternateText="Edit Item" Width="20px" ToolTip="Edit Item" ImageUrl="~/Images/edit.png" OnClientClick="DeleteRow(); return false;" />

</ItemTemplate>

<FooterTemplate>

<asp:Button runat="server" ID="butAdd" Text="Add New" OnClick="butAdd_Click" />

</FooterTemplate>

</ig:TemplateDataField>

<ig:TemplateDataField Key="DeleteItem" Width="20px">

<ItemTemplate>

<asp:ImageButton runat="server" ID="ImageButton1" AlternateText="Delete Item" ToolTip="Delete Item" Width="20px" ImageUrl="~/Images/delete32px.png" OnClientClick="DeleteRow(); return false;" />

</ItemTemplate>

</ig:TemplateDataField>

</Columns>

<Behaviors>

<ig:Selection ColumnSelectType="Single" Enabled="true" CellClickAction="Cell" SelectionClientEvents-CellSelectionChanged="WebDataGrid1_CellSelectionChanged" />

</Behaviors>

</ig:WebDataGrid>