or
Hi I have a scenario where I am creating table inside 2 seperate grid columns. I want the tables inside both the columns to be the same size.
For ex table 1 can have 4 rows while table 2 can have 6 rows. I match up the rows in table1 and table2 and if there is no matching row I add an empty cell to that row.
I want the rows to have the same height so the rows look aligned with the data... data in table1 to data in table2 or empty row in table1 to data in table 2. or if the data in table2 wraps to two lines then the corresponding row in table1 to have the same height.
Currently, they don't align well as the rows with empty space don't take up any height.
I've tried adding row height but that doesn't help.Please suggest
below is my code:
GridDataItem item = e.Item as GridDataItem; int accountID = Int32.Parse(item.GetDataKeyValue("AccountID").ToString()); DataRow[] dr = PayoutElection.GetPayouts_ByAccount_ListByParticipant(Int32.Parse(Profile.ParticipantID), accountID, PayoutTypeFilter); Table tblPayoutType = new Table(); Table tblPayoutDesc = new Table(); Table tblEffectiveDate = new Table(); foreach (DataRow row in dr) { TableRow trPayoutType = new TableRow(); trPayoutType.Attributes.Add("class", "mergedItems"); TableRow trPayoutDesc = new TableRow(); trPayoutDesc.Attributes.Add("class", "mergedItems"); TableRow trEffectiveDate = new TableRow(); trEffectiveDate.Attributes.Add("class", "mergedItems"); TableCell cellPayoutType = new TableCell(); cellPayoutType.Text = row["PayoutType"].ToString(); TableCell cellPayoutDesc = new TableCell(); cellPayoutDesc.Text = row["PayoutDescription"].ToString(); TableCell cellEffectiveDate = new TableCell(); DateTime effDate = (DateTime)row["EffectiveDate"]; DateTime currentDate = DateTime.Parse(Profile.CurrentDate); cellEffectiveDate.Text = effDate.ToString(Utility.MBFormatDate); trPayoutType.Cells.Add(cellPayoutType); tblPayoutDesc.Rows.Add(trPayoutDesc); trPayoutDesc.Cells.Add(cellPayoutDesc); tblPayoutType.Rows.Add(trPayoutType); trEffectiveDate.Cells.Add(cellEffectiveDate); tblEffectiveDate.Rows.Add(trEffectiveDate); if (effDate > currentDate) { if (cellPayoutType.Text == _currentPayoutType) { cellPayoutType.Text = ""; } } }item["PayoutType"].Controls.Add(tblPayoutType); item["PayoutDescription"].Controls.Add(tblPayoutDesc);<telerik:GridBoundColumn DataField="Id" DataType="System.Int32" FilterControlAltText="Filter Id column" HeaderText="Id" ReadOnly="True" SortExpression="Id" UniqueName="Id" Visible="false"/> <telerik:GridBoundColumn DataField="OrderId" DataType="System.Int32" FilterControlAltText="Filter OrderId column" HeaderText="Order" SortExpression="OrderId" UniqueName="OrderId" Visible="false" ReadOnly="true" /> <telerik:GridDropDownColumn DataSourceID="SqlDSProductList" ListTextField="Name" ListValueField="Id" HeaderStyle-Width="400px" UniqueName="VariantId" SortExpression="Name" HeaderText="Product" DataField="ProductVariantId" DropDownControlType="RadComboBox" AllowAutomaticLoadOnDemand="true" AllowVirtualScrolling="true" ShowMoreResultsBox="true" ItemsPerRequest="25"> </telerik:GridDropDownColumn> <telerik:GridTemplateColumn UniqueName="SKU"> <ItemTemplate> <asp:Label runat="server" ID="SkuId" OnLoad="SKU"></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:Label runat="server" ID="SkuId" Text="" OnLoad="SKU"></asp:Label> </EditItemTemplate> </telerik:GridTemplateColumn><telerik:RadAutoCompleteBox ID="OperatorAutoCompleteBox" runat="server" DropDownHeight="150" EmptyMessage="(Select Operator)" DataSourceID="sqlOperatorsLookupList" DataTextField="Full_Name" DataValueField="Operator_ID" Filter="Contains" InputType="Text" OnEntryAdded="OperatorAutoCompleteBox_SelectedOperatorChanged" OnEntryRemoved="OperatorAutoCompleteBox_SelectedOperatorChanged" AutoPostBack="true"> </telerik:RadAutoCompleteBox>
Protected Sub OperatorAutoCompleteBox_SelectedOperatorChanged(sender As Object, e As AutoCompleteEntryEventArgs)
do something here...
End Sub
<img alt="" src="http://mailinglijst.eu/klanten/11714/import/dorine%20wiersma.jpg" style="float: left;" /> Je kunt er mee naar musicals, naar Claudia de Breij, maar wat het allerleukste is, je kunt ermee naar mij'…zingt Dorine Wiersma in de nieuwe commercial van de PODIUM cadeaukaart.<br /> <br /> Wiersma, die voor het lied de Annie M.G. Schmidtprijs voor het beste theaterlied ontving, gebruikt de commercial van de PODIUM cadeaukaart om haar nieuwe theatershow eens even goed onder de aandacht te brengen!
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" /> </head> <body> <form id="form1" runat="server"> <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> <Scripts> <%--Needed for JavaScript IntelliSense in VS2010--%> <%--For VS2008 replace RadScriptManager with ScriptManager--%> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" /> </Scripts> </telerik:RadScriptManager> <script type="text/javascript"> //Put your JavaScript code here. </script> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> </telerik:RadAjaxManager> <telerik:RadSkinManager ID="RadSkinManager1" Runat="server" Skin="WebBlue"> </telerik:RadSkinManager> <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Align="Justify" SelectedIndex="12" Width="655px"> <Tabs> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="BERIM"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="AGI2D"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="LOGHABAT"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="ORGECO"> </telerik:RadTab> <telerik:RadTab runat="server" IsBreak="True" Owner="RadTabStrip1" Text="SOREC"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="Bastia"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="Douai"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="Martigues"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="Montpellier"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="Nantes"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="Pantin"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="Toulouse"> </telerik:RadTab> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="Venissieux" Selected="True"> </telerik:RadTab> </Tabs> </telerik:RadTabStrip> <telerik:RadTabStrip ID="RadTabStrip2" runat="server" Align="Justify" SelectedIndex="23" Width="655px"> <Tabs> <telerik:RadTab runat="server" Text="*" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="A" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="B" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="C" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="D" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="E" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="F" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Selected="True" Text="G" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="H" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="I" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="J" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="K" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="L" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="M" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" IsBreak="True" Text="N" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="O" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="P" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="Q" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="R" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="S" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="T" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="U" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="V" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="W" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="X" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="Y" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="Z" Owner="RadTabStrip2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="Num. Spéciaux" Owner="RadTabStrip2"> </telerik:RadTab> </Tabs> </telerik:RadTabStrip> </form> </body> </html>