table表格

<style>
table.gridtable {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #D5D4D4;
border-collapse: collapse;
}
table.gridtable thead tr th {
border-width: 1px;
padding: 8px;
font-size:1.1em;
font-weight:bold;
text-align:left;
color:#FFFFFF;
border-style: solid;
border-color: #5CB8E6;
background-color: #79C8F1;
}

table.gridtable thead tr td {
border-width: 1px;
padding: 8px;
font-size:13px;
border-style: solid;
border-color: #D5D4D4;
/*background-color: #F0FAFF;*/
background-color: #FCFCFC;
}

table.gridtable tbody tr td {
border-width: 1px;
padding: 8px;
font-size:12px;
border-style: solid;
border-color: #D5D4D4;
background-color: #ffffff;
}
a{text-decoration:none}
</style>

<div style="max-height: 250px; width: 100%; overflow: auto;">
<table id="wftable" class="gridtable"   style="width:100%;">
<col width="7%" />
<col width="63%" />
<col width="10%" />
<col width="20%" />
<thead>
<tr>
<th colspan="4">
待办任务 ( <span id="td2"></span> )
</th>
</tr>
<tr>
<td width="7%">序号</td>
<td >任务描述</td>
<td width="10%">应用程序</td>
<td width="20%">上次日期</td>
</tr>
</thead>
<tbody>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
</tbody>
</table>
</div>