2

我正在尝试THEAD为 GridView 设置类，我接近于拥有一个Thead没有 Class 属性的元素并且具有我想要 tr 元素的类名。原因是因为 PDF 生成器会寻找一个 thead 类名并在每一页上生成表头。PDF 生成器有时会出现渲染 javascript 的问题，所以我更喜欢页面上的纯 html 和 css。

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

GridView1.HeaderRow.TableSection = TableRowSection.TableHeader

象素

<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">
4

2 回答 2

0

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

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

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

让我知道这是否适合您.. 抱歉回复晚了。

于 2013-09-11T10:56:04.647 回答
0

在您的页面中，添加此 CSS

.gvPrinting thead{ 写下你需要的样式.. }

或在 document.ready 事件中，，

$('.gvPrinting thead').addClass('table-header-group')

希望这可以帮助 ：）

于 2013-09-05T11:06:11.407 回答