将表css转换为gridview?

时间:2013-08-12 17:31:32

标签: asp.net html5

我有一个绑定到数据库表的gridview,但我必须使用的css是为html:table设计的。我想知道是否有一种简单的方法将gridview转换为html表,以便我可以使用我给出的样式表来显示它。

感谢

这是我的合作伙伴为模型编写的html表的示例。我想模仿风格的应用方式。

<div class="content1">


 <table class="yep">
<thead>
    <tr>
      <th>Case #</th>
      <th>Unit #</th>
      <th>Date</th>
      <th>Type of Call</th>
      <th>Gender</th>
      <th>Age</th>
      <th>View PCR</th>
      <th><button class="btn">Create Incident</button></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>123456788</td>
      <td>102935734</td>
      <td>07/28</td>
      <td>Critical Care</td>
      <td>Male</td>
      <td>25</td>
      <td><a class="btn em" href="table_view.html">View PCR</a></td>
      <td class="check"><input type="checkbox"></td>
    </tr>

这是我的gridview:

       <asp:GridView ID="GridView1" runat="server" CssClass="yep" AutoGenerateColumns="False" DataKeyNames="Case #" DataSourceID="SqlDataSource1">
    <Columns>
        <asp:BoundField DataField="Case #" HeaderText="Case #" ReadOnly="True" SortExpression="Case #" />
        <asp:BoundField DataField="Unit #" HeaderText="Unit #" SortExpression="Unit #" />
        <asp:BoundField DataField="Date" HeaderText="Date" SortExpression="Date" />
        <asp:BoundField DataField="Type of Call" HeaderText="Type of Call" SortExpression="Type of Call" />
        <asp:BoundField DataField="Gender" HeaderText="Gender" SortExpression="Gender" />
        <asp:BoundField DataField="Age" HeaderText="Age" SortExpression="Age" />
        <asp:BoundField DataField="View PCR" HeaderText="View PCR" SortExpression="View PCR" />
        <asp:TemplateField HeaderText="Selection">
            <ItemTemplate>
                <asp:CheckBox ID="Selections" runat="server" OnCheckedChanged="CheckBox1_CheckedChanged" />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

1 个答案:

答案 0 :(得分:0)

试试这个:

<asp:TemplateField HeaderText="Selection">
    <ItemTemplate>
        <asp:Button ID="Selections" runat="server" OnClick="Selections_Click" CssClass="btn" />
    </ItemTemplate>
</asp:TemplateField>

注意:CssClass属性会将btn类分配给渲染输出。