2011-09-26 83 views
1
<asp:BoundField DataField="TimeRead" ItemStyle-Width="25%" HeaderText="TimeRead" SortExpression="TimeRead" /> 
<asp:BoundField DataField="Name" ItemStyle-Width="45%" HeaderText="Name" SortExpression="Name" /> 
<asp:BoundField DataField="Email" ReadOnly="True" Display="none" HeaderText="Email" SortExpression="Email" /> 

如何隱藏datagrid中的Email列,我不想使用column.visible屬性。我怎樣才能隱藏它使用CSS屬性或任何其他方法。謝謝在datagrid中隱藏一列,不設置column.visble = false

+0

http://stackoverflow.com/questions/1075813/hide-a-datagrid-column-with-javascript – Porco

回答

7
<asp:BoundField DataField="Email" ItemStyle-Width="45%" HeaderText="Email" SortExpression="Email"> 
    <ItemStyle CssClass="boundfield-hidden" /> 
    <HeaderStyle CssClass="boundfield-hidden" /> 
</asp:BoundField> 

這就是你如何直接添加CSS類到綁定字段。現在

,在你的CSS文件,只需添加以下內容:

.boundfield-hidden { 
    display: none; 
} 
+0

頭(電子郵件)仍然可見,但下面的列是不可見的。如何隱藏標題 – Mano

+1

@Mano在ItemStyle行的上方或下方添加。 –

+0

我已經用解決方案更新了我的答案。 –