Ширина столбца Gridview в ASP.net

Question

Я ищу, чтобы установить ширину нескольких столбцов на 0px изначально, а затем управлять шириной с помощью jQuery, когда таблица отображается на основе некоторого взаимодействия с пользователем на интерфейсе.

До сих пор у меня есть

<asp:BoundField DataField="Col1" HeaderText="col1" > 
<HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="0px" /> 
<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="0px /> 
</asp:BoundField> 

, но по какой-то причине, колонок все еще показывает. Зачем? Его ширина установлена ​​равной 0px ??

Спасибо.

Answer 1

Я бы использовал CSS для управления шириной.

Инлайн:

<div style="width:0px;"></div>

Или определения класса CSS:

<div class="zero-width"></div>

Но за то, что вы делаете, я бы с Visible собственности.

<Columns> 
    <asp:BoundField DataField="Col1" HeaderText="col1" Visible="false"> 
    <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" /> 
    <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" /> 
    </asp:BoundField> 
<Columns> 

Но присвоить класс CSS для вашего <asp:BoundField>:

<Columns> 
    <asp:BoundField DataField="Col1" HeaderText="col1"> 
    <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" CssClass="zero-width" /> 
    <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" CssClass="zero-width" /> 
    </asp:BoundField> 
<Columns>