table 转换 div
三楼说的对。具体做法是:
<div style="background:#CCCCCC;">
<table id="bltable" border="1" cellpadding="0" cellspacing="0" class="tableBorderedColumns">
<tr>
<th width="5%" class="cellBordered" style="white-space:nowrap;" name="no">Number</th>
<th width="10%" class="cellBordered" style="white-space:nowrap;" name="tp" EditType="DropDownList" DataItems="{text:'IP',value:'1'},{text:'MAC',value:'2'}">Type</th>
<th width="20%" class="cellBordered" style="white-space:nowrap;" name="st" EditType="TextBox" InputSize="19">IP/MAC</th>
<th width="15%" class="cellBordered" style="white-space:nowrap;" name="zo" EditType="DropDownList" DataItems="{text:'Any',value:'1'},{text:'zone1',value:'2'},{text:'zone3',value:'3'},{text:'zone4',value:'4'}">Zone</th>
<th width="10%" class="cellBordered" style="white-space:nowrap;" name="va" EditType="TextBox" InputSize="9">Validity(s)</th>
<th width="10%" class="cellBordered" style="white-space:nowrap;" >Packets Dropped(pkts)</th>
<th width="10%" class="cellBordered" style="white-space:nowrap;" >Bytes Dropped(bits)</th>
<th width="10%" class="cellBordered" style="white-space:nowrap;" align="left"><input type="checkbox" onClick="delSelectAlldel()" name="del_check" id="del_check"/>Delete</th>
</tr>
<tr class="light">
<td class="cellInputBordered" align="left" ><a id="a11" href="#" onclick="EditRow(this)">1</a></td>
<td class="cellInputBordered" align="left" onclick="test()">IP</td>
<td class="cellInputBordered" align="left" onclick="test()">192.165.178.0/24</td>
<td class="cellInputBordered" align="left" onclick="test()">Any</td>
<td class="cellInputBordered" align="left" onclick="test()">30</td>
<td class="cellInputBordered" align="left" onclick="test()">214</td>
<td class="cellInputBordered" align="left" onclick="test()">4562</td>
<td class="cellInputBordered" ><input type="checkbox" name="cdel_check" id="cdel_check" value="0" onClick="SelectAllBoxdel()"></td>
</tr>
</table>
</div>
需要说明一点:这个背景色正好是div的大小,会随你的表格大小自动收缩。
如果要去掉颜色,只要把第一行的style="background:#CCCCCC;"去掉就可以了