Как скрыть первый столбец datagridview добавить еще получить данные

Question

Я хочу скрыть первый столбец моего gridview с помощью css, но мне это не удалось.

Вот часть генерируемого html.

<table class="mGrid" cellspacing="0" cellpadding="3" rules="all" ridlines="None" border="1" id="PageContent_gvLocation" style="border-collapse:collapse;">
        <tbody><tr>
            <th scope="col"><a href="javascript:__doPostBack('ctl00$PageContent$gvLocation','Sort$ubicacion_componente_id')">ubicacion id</a></th><th scope="col"><a href="javascript:__doPostBack('ctl00$PageContent$gvLocation','Sort$armario')">Armario</a></th><th scope="col"><a href="javascript:__doPostBack('ctl00$PageContent$gvLocation','Sort$cajon')">Cajon</a></th><th scope="col">&nbsp;</th>
        </tr><tr>
            <td>
                            <span id="PageContent_gvLocation_lblLocationID_0" class="gridTextbox">46</span>
                        </td><td>
                            <span id="PageContent_gvLocation_lblCloset_0" class="gridTextbox">testarmariio</span>
                        </td><td>                       
                            <span id="PageContent_gvLocation_lblDrawer_0" class="gridTextbox">testcajon</span>
                        </td><td>
                            <input type="image" name="ctl00$PageContent$gvLocation$ctl02$ctl00" title="Edit" src="../Images/edit.png" style="height:20px;width:20px;">
                            <input type="image" name="ctl00$PageContent$gvLocation$ctl02$ctl01" title="Delete" src="../Images/delete.png" style="height:20px;width:20px;">
                        </td>
        </tr><tr class="alt">
            <td>

Вот мой код asp.net.

  <asp:GridView ID="gvLocation" runat="server" AutoGenerateColumns="false" ShowFooter="true" 
            ShowHeaderWhenEmpty="true" AllowPaging="True" OnPageIndexChanging="gvLocation_PageIndexChanging"
            OnRowEditing="gvLocation_RowEditing" OnRowCancelingEdit="gvLocation_RowCancelingEdit"
            AllowSorting="true" onsorting="gvLocation_Sorting" ridLines="None" CssClass="mGrid" PagerStyle-CssClass="pgr" AlternatingRowStyle-CssClass="alt" CellPadding="3">
            <%-- Theme Properties --%>
            <Columns>  
                <asp:TemplateField HeaderText="ubicacion id" SortExpression="ubicacion_componente_id">
                    <ItemTemplate>
                        <asp:Label CssClass="gridTextbox" ID="lblLocationID"  Text='<%# Eval("ubicacion_componente_id") %>' runat="server" />
                    </ItemTemplate>
                    <EditItemTemplate>
                        <asp:TextBox CssClass="gridTextbox" ID="txtLocationID" Text='<%# Eval("ubicacion_componente_id") %>' runat="server" />
                    </EditItemTemplate>
                    <FooterTemplate>
                        <asp:TextBox CssClass="gridTextbox" ID="txtLocationIDFooter" runat="server" />
                    </FooterTemplate>
                </asp:TemplateField>  
            </Columns>
        </asp:GridView>

Как я могу скрыть первый столбец моего gridview, используя css.

Answer 1

если вы хотите реализовать только в CSS в соответствии с вашим кодом, вы можете попробовать следующее:

table.mGrid  tr td:first-child{
   display:none;
}

table.mGrid  tr th:first-child{
   display:none;
} 

Пейджер обычно доступен в последней строке, у вас всегда может быть возможность исключить последнюю строку таблицы,используйте следующий код:

table.mGrid tr:not(:last-child) td:first-child {
    display: none;
}

table.mGrid tr:not(:last-child) th:first-child {
    display: none;
}