Question

我正在尝试为GridView设置THEAD类，我尽可能接近没有Class属性的Thead元素，并且我想要tr元素的类名。原因是因为PDF生成器将在每个页面上查找thead类名并生成表头。 PDF生成器有时候渲染javascript有问题所以我更喜欢页面上的纯HTML和CSS。

除了数据绑定以外的代码。

GridView1.HeaderRow.TableSection = TableRowSection.TableHeader

.aspx的

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" HeaderStyle-CssClass="table-header-group">
<Columns>
    <asp:BoundField DataField="Forename" HeaderText="Forename" ItemStyle-Width="150" ItemStyle-CssClass="iClass" />
    <asp:BoundField DataField="Surname" HeaderText="Surname" ItemStyle-Width="150" ItemStyle-CssClass="iClass" />
</Columns>
</asp:GridView>

生成的HTML

<table class="gvPrinting" cellspacing="0" rules="all" border="1" id="GridView1" style="border-collapse:collapse;">
    <thead>
        <tr class="table-header-group">
            <th scope="col">Forename</th><th scope="col">Surname</th><th scope="col">DOB</th><th scope="col">Session Name</th><th scope="col">Password</th>
        </tr>
    </thead><tbody>
        <tr>
            <td colspan="5">+++</td>
        </tr><tr>

我想要的是：

     <thead class="table-header-group">

Answer 1

在您的页面中

添加此CSS

.gv打印thead {写出你需要的样式..}

或在document.ready event ,,

$（'。gvPrinting thead'）。addClass（'table-header-group'）

希望这会有所帮助：）

Answer 2

我理解的是你需要在服务器端代码中为thead元素添加CSSClass，而不是通过javascript或CSS ....

为此，请使用以下代码..它对我有用..

        gridview1.HeaderRow.TableSection = TableRowSection.TableHeader; 
        gridview1.FooterRow.TableSection = TableRowSection.TableFooter;
        gridview1.HeaderStyle.CssClass = "table-header-group";

请告诉我这是否对您有用..对于迟到的回复感到抱歉。

如何在gridview中为thead元素设置类？

2 个答案: