我有这个手动创建的表,我想使用 gridview 生成数据而不是使用表,该表的四个角都有圆角。
<table border="0" id="rounded-corner">
<thead>
<tr>
<th scope="col" class="rounded-company">#</th>
<th>RegNum</th>
<th class="rounded-q4">Actions</th>
</tr>
</thead>
<tfoot>
<tr>
<td class="rounded-foot-left">Summary</td>
<td>10</td>
<td class="rounded-foot-right">some text</td>
</tr>
</tfoot>
是否可以使用 gridview 并仍然获得我想要的表格外观?
编辑
这是表格的 CSS:
/* table */
#rounded-corner
{
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px; margin: 10px; width: 571px;
text-align: left; border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
background: #b9c9fe url('images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
background: #b9c9fe url('images/right.png') right -1px no-repeat;
}
#rounded-corner th
{
padding: 8px; font-weight: normal;
font-size: 13px; color: #039;
background: #b9c9fe;
}
#rounded-corner td
{
padding: 8px; background: #e8edff;
border-top: 1px solid #fff; color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
background: #e8edff url('images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
background: #e8edff url('images/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
background: #d0dafd;
}