Hide/Show Repeater Control Column based on condition

I have a repeater control , a View button and a radio button with options Grams and Kilograms. When I tick th Gram radio button and click view then I want to Hide all kilogram columns and when I tick Kilograms and click View then all Gram columns must be hidden. Below is my code:

Repeater Control:

"rpComponentWeightResults" OnItemDataBound="rpComponentWeightResults_ItemDataBound" runat="server">
class="table table-striped table-bordered table-hover table-condensed" border="1">
Date Captured
Stock Code
Description
"PartWeightGramHeader" runat="server">Part Weight (g)
"SprueWeightGramHeader" runat="server">Sprue Weight (g)
"PartWeightKgHeader" runat="server">Part Weight (kg)
"SprueWeightKgHeader" runat="server">Sprue Weight (kg)
Tolerance %
"BomWeightGramHeader" runat="server">Bom Weight (g)
"BomWeightKgHeader" runat="server">Bom Weight (kg)
"VarianceToSysproGramHeader" runat="server">Variance To Syspro (g)
"VarianceToSysproKgHeader" runat="server">Variance To Syspro (Kg)
Variance To Syspro (%)
Out Of Spec
'<%# Eval("CapturedDateTime", "{0: dd/MM/yyyy}")%>' runat="server" ID="lblCaptureDate" />
'<%#DataBinder.Eval(Container.DataItem, "StockCode")%>' runat="server" ID="lblStockCode" />
'<%#DataBinder.Eval(Container.DataItem, "LongDesc")%>' runat="server" ID="lblLongDesc" />
"PartWeightGramCol" runat="server">
'<%#DataBinder.Eval(Container.DataItem, "PartWeightGram")%>' runat="server" ID="lblPartWeightGram" />
"SprueWeightGramCol" runat="server">
'<%#DataBinder.Eval(Container.DataItem, "SprueWeightGram")%>' runat="server" ID="lblSprueWeightGram" />
"PartWeightKgCol" runat="server">
'<%#DataBinder.Eval(Container.DataItem, "PartWeightKg")%>' runat="server" ID="PartWeightKg" />
"SprueWeightKgCol" runat="server">
'<%#DataBinder.Eval(Container.DataItem, "SprueWeightKg")%>' runat="server" ID="lblSprueWeightKg" />
'<%#DataBinder.Eval(Container.DataItem, "TolerancePercentage")%>' runat="server" ID="lblTolerancePercentage" />
"BomWeightGramCol" runat="server">
'<%#DataBinder.Eval(Container.DataItem, "BomWeightGram")%>' runat="server" ID="lblBomWeightGram" />
"BomWeightKgCol" runat="server">
'<%#DataBinder.Eval(Container.DataItem, "BomWeightKg")%>' runat="server" ID="lblBomWeightKg" />
"VarianceToSysproGramCol" runat="server">
'<%#DataBinder.Eval(Container.DataItem, "VarianceToSysproGram")%>' runat="server" ID="lblVarianceToSysproGram" />
"VarianceToSysproKgCol" runat="server">
'<%#DataBinder.Eval(Container.DataItem, "VarianceToSysproKg")%>' runat="server" ID="lblVarianceToSysproKg" />
'<%#DataBinder.Eval(Container.DataItem, "VarianceToSysproPct")%>' runat="server" ID="lblVarianceToSysproPct" />
'<%#DataBinder.Eval(Container.DataItem, "IsOutOfSpec")%>' runat="server" ID="lblIsOutOfSpec" />

ItemDataBound: (Not Sure What Code I Should Place Here)

Protected Sub rpComponentWeightResults_ItemDataBound(sender As Object, e As RepeaterItemEventArgs)
End Sub

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Rijwan Ansari5y ago
hi,

You can add a checkbox and based on click you can show or hide the columns as:

Add Check box:
"chkKillograms" Text="Show Killograms" runat="server" OnCheckedChanged="OnCheckedChanged"
AutoPostBack="true" Checked="true" />
Add condition in repeater for column to show/hide
<%if(this.IsChecked){ %>

               "lblKilogram" runat="server" Text='<%# Eval("Country") %>' />

           <%} %>
Code behind
protected bool IsChecked = true;
protected void OnCheckedChanged(object sender, EventArgs e)
{
    this.IsChecked = (sender as CheckBox).Checked;
}
0
Sachin Singh5y ago
this link might be useful
https://www.aspsnippets.com/Articles/Dynamically-Show-Hide-column-in-ASPNet-Repeater-control-using-C-and-VBNet.aspx
0