2017-05-30 74 views
0

我的問題是:如何隱藏gridview特定列使用caolumn名稱? 我想通過radiobutton chekced_chenged事件隱藏列,但這是索引,但我想隱藏使用列name.sorry爲我的英語不好。如何隱藏gridview列按列名

<asp:TemplateField HeaderText="CGST Per Unit"> 
    <ItemTemplate> <asp:TextBox ID="txtCGSTAmount" runat="server" Width="100px" TextMode="Number" Text="0"></asp:TextBox> 
    </ItemTemplate> 
</asp:TemplateField> 
<asp:TemplateField HeaderText="SGST Per Unit"> 
    <ItemTemplate><asp:TextBox ID="txtSGSTAmount" runat="server" Width="100px" TextMode="Number" Text="0"></asp:TextBox> 
</ItemTemplate> 
    </asp:TemplateField> 
<asp:TemplateField HeaderText="IGST Per Unit" Visible="false"> 
    <ItemTemplate><asp:TextBox ID="txtIGSTAmount" runat="server" TextMode="Number" Width="100px" Text="0"></asp:TextBox> 
</ItemTemplate> 
</asp:TemplateField> 

     protected void rdbtnCGSTSGST_CheckedChanged(object sender, EventArgs e) 
       { 
        if (grvViewData.Columns.Count > 0) 
        { 
         grvViewData.Columns[5].Visible= true; 
         grvViewData.Columns[6].Visible= true; 
         grvViewData.Columns[7].Visible= false; 
        } 
       } 
       protected void rdbtnIGST_CheckedChanged(object sender, EventArgs e) 
       { 
        if (grvViewData.Columns.Count > 0) 
        { 
         grvViewData.Columns[7].Visible = true; 
         grvViewData.Columns[5].Visible = false; 
         grvViewData.Columns[6].Visible = false; 

        } 
       } 
+1

[按列名顯示/隱藏網格視圖列]的可能重複(https://stackoverflow.com/questions/25639693/show-hide-grid-view-column-by-column-name) – MethodMan

回答

0

首先,它是非常不清楚,你問什麼,但仍然按這裏我的理解是什麼,我能理解
你不需要把C#代碼這一點,保持服務器不受這些開銷時可能的話,現在是一個天,你有事情喜歡bootstarp
使用媒體查詢隱藏一列或多列Check this out

@media only screen { 
#unseen table td:nth-child(4), 
#unseen table th:nth-child(4), 
#unseen table td:nth-child(7), 
#unseen table th:nth-child(7), 
#unseen table td:nth-child(8), 
#unseen table th:nth-child(8){display: none;} 
} 


或使用JavaScript

<script> 
    $(document).ready(function() { 
     $('input:radio[name=rdbtnCGSTSGST]:checked').change(function() { 
      $('table tr').each(function() { 
       $('td:eq(' index here ')',this).hide(); 
      }); 

     }); 
    }); 
</script>