Преобразование таблицы css в gridview?

У меня есть gridview, привязанный к таблице базы данных, но css, который я должен использовать, был разработан для html: table. Мне было интересно, есть ли простой способ преобразовать gridview в html-таблицу, чтобы я мог отображать ее с таблицей стилей, которую мне дали.Преобразование таблицы css в gridview?

благодаря

вот образец 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>

источник

2013-08-12 Will Tuttle

Um, вид сетки отображается как таблица по умолчанию. Вы спрашиваете, как сделать его «» и '' тегами? –

um, да в основном xD –

О, я выяснил, как добавить главный тег, используя gv.HeaderRow.TableSection = TableRowSection.TableHeader; Но если вы заметили, что последний элемент в строке - это кнопка. Прямо сейчас столбец имеет тип nvarchar. Как я мог конвертировать/добавлять кнопки в ячейки этого столбца? –

Попробуйте это:

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

Примечание: Атрибут CssClass назначит btn класс оказанной продукции.

источник

2013-08-12 18:31:39

Преобразование таблицы css в gridview?

ответ

Смежные вопросы