Hi siddharth,
I have created a sample which full-fill your requirement.
HTML
<div>
<asp:GridView ID="gvData" AutoGenerateColumns="false" runat="server">
<Columns>
<asp:TemplateField HeaderText="ID">
<ItemTemplate>
<asp:Label ID="lblID" Text='<%#Eval("ID") %>' runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="ProductName">
<ItemTemplate>
<asp:Label ID="lblProductName" Text='<%#Eval("ProductName") %>' runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Price">
<ItemTemplate>
<asp:Label ID="lblPrice" Text='<%#Eval("Price") %>' runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Quantity">
<ItemTemplate>
<asp:Label ID="lblQuantity" Text='<%#Eval("Quantity") %>' runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<asp:Button ID="btnSubmit" Text="Submit" runat="server" />
</div>
<div>
<script type="text/javascript">
$(function () {
$('[id*=btnSubmit]').on('click', function () {
var gridview = $('[id*=gvData]');
gridview.closest('tr').each(function () {
var labelValue = $(this).find($('[id*=lblQuantity]'))[0].innerHTML;
if (labelValue == "0") {
$(this).closest('tr')[0].style.display = 'none';
}
});
return false;
});
});
</script>
</div>
Code
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
DataTable dt = new DataTable();
dt.Columns.AddRange(new DataColumn[] { new DataColumn("ID"), new DataColumn("ProductName"), new DataColumn("Price"), new DataColumn("Quantity") });
dt.Rows.Add(1, "FootBall", 500, 10);
dt.Rows.Add(2, "T-Shirt", 400, 0);
dt.Rows.Add(3, "Jeans", 1200, 25);
dt.Rows.Add(4, "Shirt", 650, 15);
dt.Rows.Add(5, "VolleyBall", 700, 0);
dt.Rows.Add(6, "X-Box", 25000, 36);
dt.Rows.Add(7, "PlayStation 4", 50000, 20);
dt.Rows.Add(8, "Oven", 12000, 30);
dt.Rows.Add(9, "Cricket-Bat", 3200, 0);
dt.Rows.Add(10, "Cricket-Ball", 530, 15);
gvData.DataSource = dt;
gvData.DataBind();
}
}
ScreenShot
Hope this works for you.
