锁定首列其他列宽度自适应HTML效果演示
来源：互联网 发布：横截面数据画折线图 编辑：程序博客网 时间：2024/05/01 10:28
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>锁定首列其他列宽度自适应HTML效果演示</title>
<style>
.selectedRow
{
color:#000000;
BACKGROUND-COLOR: #C1C9CE;
}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function selectTableRow()
{
var srcObj = event.srcElement;
var cellObj = srcObj;
table=srcObj;
var tabFlag = false;
while(table!=null && table.tagName!="BODY")
{
if(table.tagName=="TABLE")
{
if(table.selectRow=="true")
{
tabFlag = true;
break;
}
}
else if(table.tagName=="TD")
{
cellObj = table;
}
else if(table.tagName=="TR")
{
srcObj = table;
}
table=table.parentElement;
}
if(tabFlag)
{
if(cellObj.tagName=="TD" && srcObj.tagName=="TR")
{
var nRowNum = srcObj.rowIndex;
if(nRowNum==0)return false;
selectRow(table,nRowNum);
return true;
}
}
return false;
}
function selectRow(tempTable,rowIndex)
{
if(rowIndex==tempTable.selectedrow)
return;
srcObj=tempTable.rows[rowIndex];
//作者注:如果预先没有定义样式则返回
if(!srcObj.className)
return;
srcObj.oldClass=srcObj.className;
if(srcObj.oldClass.indexOf("T_")==0)
return;
if(tempTable.selectedrow>0)
{
tempTable.rows[tempTable.selectedrow].className=tempTable.rows[tempTable.selectedrow].oldClass;
}
srcObj.className="selectedRow";
tempTable.selectedrow=rowIndex;
}
//-->
</SCRIPT>
</HEAD>
<body>
<form name="Form1" method="post" action="MachBasicInfoAnalyse.aspx" id="Form1">
<font face="宋体">
<TABLE class="maintable" style="WIDTH: 780px" align="center">
<tr class="mainmenu">
<td></td>
</tr>
<TR>
<TD>
<TABLE width="100%">
<TR class="edittitle">
<TD>锁定首列其他列宽度自适应HTML效果演示</TD>
</TR>
<TR>
<TD align="center" colSpan="2">
<table id="tb_flat" style="WIDTH:2300px;HEIGHT:300px;width:100%;height:100%;" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>
<!--
作者注:
//引用自:http://www.csscool.cn/css20-online/c_tablelayout.html
语法：
table-layout : auto | fixed
取值：
auto :默认值。默认的自动算法。布局将基于各单元格的内容。表格在每一单元格内所有内容读取计算之后才会显示出来
fixed :固定布局的算法。在这种算法中，表格和列的宽度取决于 col 对象的宽度总和，假如没有指定，则会取决于第一行每个单元格的宽度。假如表格没有指定宽度( width )属性，则表格被呈递的默认宽度为 100% 。
说明：
设置或检索表格的布局算法。
你可以通过此属性改善表格呈递性能。此属性导致IE以一次一行的方式呈递表格内容从而提供给信息用户更快的速度。此属性依据此下顺序使用其中一种方式布置表格栏宽度：
使用 col 或 colGroup 对象的宽度( width )属性信息。
使用表格第一行内的单元格的宽度( width )信息。
依据表格列数等分表格宽度。而不考虑表格内容的实际宽度。
假如单元格的内容超过了列宽度，内容将会被换行。假如无法换行，则内容会被裁切。假如此属性被设置为 fixed ，则 overflow 能够被用于控制处理溢出单元格( td )宽度的内容。假如表格行高度被指定了，那么换行的内容如果超出了指定表格行高度也会在纵向上被裁切。
设置此属性值为 fixed ，有助于提高表格性能。对于长表格效果尤其显著。
设置表格行高可以进一步提高呈递速度，浏览器不需要检测行内每一个单元格内容去确定行高就可以开始解析以及呈递。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 tableLayout 。
示例：
table { table-layout: fixed; }
-->
<table style="table-layout:fixed;" cellpadding="1" border="1">
<tr style="height:0pt;">
<td style="width:200px;"></td>
</tr>
<tr >
<td style="width:200px;" align="center" rowspan="2" colspan="1"><B>被锁定列</B></td>
</tr>
<tr >
</tr>
</table>
</td>
<td>
<div id="div_top" style="height:100%;width:580px;overflow:hidden;">
<table style="table-layout:fixed;" cellpadding="1" border="1">
<tr style="height:0pt;">
<td style="width:80px;"></td>
<td style="width:100px;"></td>
<td style="width:100px;"></td>
<td style="width:80px;"></td>
<td style="width:100px;"></td>
<td style="width:100px;"></td>
<td style="width:80px;"></td>
<td style="width:100px;"></td>
<td style="width:100px;"></td>
<td style="width:80px;"></td>
<td style="width:100px;"></td>
<td style="width:100px;"></td>
<td style="width:80px;"></td>
<td style="width:100px;"></td>
<td style="width:100px;"></td>
<td style="width:80px;"></td>
<td style="width:100px;"></td>
<td style="width:100px;"></td>
<td style="width:80px;"></td>
<td style="width:100px;"></td>
<td style="width:100px;"></td>
<td style="width:80px;"></td>
<td style="width:100px;"></td>
<td style="width:100px;"></td>
<td style="width:80px;"></td>
<td style="width:100px;"></td>
<td style="width:100px;"></td>
<td style="width:1200px;"></td>
</tr>
<tr >
<td align="center" rowspan="1" colspan="3"><B>自适应列1</B></td>
<td align="center" rowspan="1" colspan="3"><B>自适应列2</B></td>
<td align="center" rowspan="1" colspan="3"><B>自适应列3</B></td>
<td align="center" rowspan="1" colspan="3"><B>自适应列4</B></td>
<td align="center" rowspan="1" colspan="3"><B>自适应列5</B></td>
<td align="center" rowspan="1" colspan="3"><B>自适应列6</B></td>
<td align="center" rowspan="1" colspan="3"><B>自适应列7</B></td>
<td align="center" rowspan="1" colspan="3"><B>自适应列8</B></td>
<td align="center" rowspan="1" colspan="3"><B>自适应列9</B></td>
<td></td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td valign="top">
<div id="leftPanel" style="height:340px;overflow:hidden;">
<!--作者注:onclick事件中通过修改当前行样式达到选中效果-->
<table id="leftTbl" style="table-layout:fixed;" cellpadding="1" border="1" selectRow="true" onclick="selectTableRow();window.selectRow(document.all.centerTbl ,document.all.leftTbl.selectedrow)">
<tr style="height:0pt;">
<td style="width:200px;"></td>
</tr>
<!--作者注:预先定义样式为selectTableRow方法调用作准备-->
<tr class="defineJustForReplace">
<td align="left" colspan="1">固定列内容</td>
</tr>
<tr class="defineJustForReplace">
<td align="left" colspan="1">固定列内容</td>
</tr>
<tr class="defineJustForReplace">
<td align="left" colspan="1">固定列内容</td>
</tr>
<tr class="defineJustForReplace">
<td align="left" colspan="1">固定列内容</td>
</tr>
<tr class="defineJustForReplace">
<td align="left" colspan="1">固定列内容</td>
</tr>
<tr class="defineJustForReplace">
<td align="left" colspan="1">固定列内容</td>
</tr>
<tr class="defineJustForReplace">
<td align="left" colspan="1">固定列内容</td>
</tr>
<tr class="defineJustForReplace">
<td align="left" colspan="1">固定列内容</td>
</tr>
<tr class="defineJustForReplace">
<td align="left" colspan="1">固定列内容</td>
</tr>
<tr class="defineJustForReplace">
<td align="left" colspan="1">固定列内容</td>
</tr>
<tr class="defineJustForReplace">
<td align="left" colspan="1">固定列内容</td>
</tr>
<tr class="defineJustForReplace">
<td align="left" colspan="1">固定列内容</td>
</tr>
<tr class="defineJustForReplace">
<td align="left" colspan="1">固定列内容</td>
</tr>
<tr class="defineJustForReplace">
<td align="left" colspan="1">固定列内容</td>
</tr>
<tr class="defineJustForReplace">
<td align="left" colspan="1">固定列内容</td>
</tr>
<tr class="defineJustForReplace">
<td align="left" colspan="1">固定列内容</td>
</tr>
<tr class="defineJustForReplace">
<td align="left" colspan="1">固定列内容</td>
</tr>
<tr class="defineJustForReplace">
<td align="left" colspan="1">固定列内容</td>
</tr>
<tr class="defineJustForReplace">
<td align="left" colspan="1">固定列内容</td>
</tr>
<tr id="leftEmptyRow" style="height:1000px;">
<td colspan="1"></td>
</tr>
</table>
</div>
</td>
<td valign="top">
<!--作者注:overflow:auto;可以使当前div作为一个固定大小的容器,其内部内容可以无限大小,当内部内容超出DIV定义区域时,自动呈现滚动条效果-->
<!--作者注:onscroll事件中实现内部内容的上下左右滚动效果-->
<div id="div_center" onscroll="document.all.div_top.scrollLeft=this.scrollLeft;document.all.leftPanel.scrollTop=this.scrollTop;" style="height:340px;width:580px;overflow:auto;">
<!--作者注:onclick事件中通过修改当前行样式达到选中效果-->
<table id="centerTbl" style="table-layout:fixed;" cellpadding="1" border="1" selectRow="true" onclick="selectTableRow();window.selectRow(document.all.leftTbl ,document.all.centerTbl.selectedrow)">
<tr style="height:0pt;">
<td style="width:80px;"></td>
<td style="width:100px;"></td>
<td style="width:100px;"></td>
<td style="width:80px;"></td>
<td style="width:100px;"></td>
<td style="width:100px;"></td>
<td style="width:80px;"></td>
<td style="width:100px;"></td>
<td style="width:100px;"></td>
<td style="width:80px;"></td>
<td style="width:100px;"></td>
<td style="width:100px;"></td>
<td style="width:80px;"></td>
<td style="width:100px;"></td>
<td style="width:100px;"></td>
<td style="width:80px;"></td>
<td style="width:100px;"></td>
<td style="width:100px;"></td>
<td style="width:80px;"></td>
<td style="width:100px;"></td>
<td style="width:100px;"></td>
<td style="width:80px;"></td>
<td style="width:100px;"></td>
<td style="width:100px;"></td>
<td style="width:80px;"></td>
<td style="width:100px;"></td>
<td style="width:100px;"></td>
<td style="width:450px;"></td>
</tr>
<tr class="defineJustForReplace">
<td align="right">30</td>
<td align="right">6496.7643</td>
<td align="right">4317.7559</td>
<td align="right">13</td>
<td align="right">2351.8247</td>
<td align="right">1902.8435</td>
<td align="right">49</td>
<td align="right">5059.2566</td>
<td align="right">2325.9560</td>
<td align="right">6</td>
<td align="right">1050.3227</td>
<td align="right">830.9219</td>
<td align="right">2</td>
<td align="right">966.7963</td>
<td align="right">793.0147</td>
<td align="right">50</td>
<td align="right">1483.3349</td>
<td align="right">1124.2409</td>
<td align="right">3</td>
<td align="right">1.74</td>
<td></td>
<td align="right">20</td>
<td align="right">21.85</td>
<td align="right">6.5339</td>
<td align="right">173</td>
<td align="right">17431.8895</td>
<td align="right">11301.2668</td>
<td></td>
</tr>
<tr class="defineJustForReplace">
<td align="right">16</td>
<td align="right">319.6982</td>
<td align="right">95.0077</td>
<td align="right">10</td>
<td align="right">181.4985</td>
<td align="right">128.1279</td>
<td align="right">39</td>
<td align="right">986.5559</td>
<td align="right">358.7022</td>
<td align="right">84</td>
<td align="right">1090.2382</td>
<td align="right">512.2530</td>
<td align="right">45</td>
<td align="right">78.4079</td>
<td align="right">25.4884</td>
<td align="right">75</td>
<td align="right">391.3336</td>
<td align="right">198.1923</td>
<td align="right">26</td>
<td align="right">37.6633</td>
<td align="right">8.5764</td>
<td align="right">105</td>
<td align="right">203.9793</td>
<td align="right">113.1366</td>
<td align="right">400</td>
<td align="right">3289.3749</td>
<td align="right">1439.4845</td>
<td></td>
</tr>
<tr class="defineJustForReplace">
<td align="right">25</td>
<td align="right">1219.8375</td>
<td align="right">452.5614</td>
<td align="right">2</td>
<td align="right">43.6610</td>
<td align="right">7.9357</td>
<td align="right">45</td>
<td align="right">1076.0256</td>
<td align="right">455.6462</td>
<td align="right">23</td>
<td align="right">591.0773</td>
<td align="right">343.9161</td>
<td align="right">28</td>
<td align="right">8.5120</td>
<td align="right">8.2042</td>
<td align="right">26</td>
<td align="right">123.8920</td>
<td align="right">99.3989</td>
<td align="right">9</td>
<td align="right">6.1420</td>
<td align="right">4.7799</td>
<td align="right">244</td>
<td align="right">260.5652</td>
<td align="right">195.7961</td>
<td align="right">402</td>
<td align="right">3329.7126</td>
<td align="right">1568.2385</td>
<td></td>
</tr>
<tr class="defineJustForReplace">
<td align="right">15</td>
<td align="right">1711.7618</td>
<td align="right">101.7854</td>
<td align="right">8</td>
<td align="right">226.5837</td>
<td align="right">122.3440</td>
<td align="right">119</td>
<td align="right">7895.9219</td>
<td align="right">779.3052</td>
<td align="right">989</td>
<td align="right">15101.6170</td>
<td align="right">6425.0010</td>
<td align="right">85</td>
<td align="right">115.9379</td>
<td align="right">65.9858</td>
<td align="right">555</td>
<td align="right">885.1004</td>
<td align="right">475.8737</td>
<td align="right">38</td>
<td align="right">30.0088</td>
<td align="right">8.8931</td>
<td align="right">227</td>
<td align="right">295.9071</td>
<td align="right">126.0410</td>
<td align="right">2036</td>
<td align="right">26262.8386</td>
<td align="right">8105.2292</td>
<td></td>
</tr>
<tr class="defineJustForReplace">
<td align="right">39</td>
<td align="right">670.1464</td>
<td align="right">390.1340</td>
<td align="right">17</td>
<td align="right">146.2259</td>
<td align="right">125.2641</td>
<td align="right">20</td>
<td align="right">311.5833</td>
<td align="right">174.7595</td>
<td align="right">96</td>
<td align="right">102.73</td>
<td align="right">68.9659</td>
<td align="right">260</td>
<td align="right">1112.9196</td>
<td align="right">675.3308</td>
<td align="right">28</td>
<td align="right">411.1986</td>
<td align="right">258.8498</td>
<td align="right">1</td>
<td align="right">71</td>
<td align="right">5.7972</td>
<td align="right">2</td>
<td align="right">9.25</td>
<td align="right">6.8036</td>
<td align="right">463</td>
<td align="right">2835.0538</td>
<td align="right">1705.9049</td>
<td></td>
</tr>
<tr class="defineJustForReplace">
<td align="right">1</td>
<td align="right">1.28</td>
<td align="right">1.28</td>
<td align="right">53</td>
<td align="right">1396.1250</td>
<td align="right">390.5418</td>
<td align="right">76</td>
<td align="right">1550.9619</td>
<td align="right">927.9808</td>
<td></td>
<td></td>
<td></td>
<td align="right">6</td>
<td align="right">2.7520</td>
<td align="right">2.1404</td>
<td align="right">174</td>
<td align="right">433.54</td>
<td align="right">285.1586</td>
<td align="right">646</td>
<td align="right">2930.5326</td>
<td align="right">1195.7240</td>
<td align="right">526</td>
<td align="right">829.0104</td>
<td align="right">517.3581</td>
<td align="right">1482</td>
<td align="right">7144.2019</td>
<td align="right">3320.1837</td>
<td></td>
</tr>
<tr class="defineJustForReplace">
<td></td>
<td></td>
<td></td>
<td align="right">2</td>
<td align="right">14.3176</td>
<td align="right">0.1461</td>
<td align="right">13</td>
<td align="right">147.1691</td>
<td align="right">84.6904</td>
<td align="right">1</td>
<td align="right">1.22</td>
<td align="right">0.8235</td>
<td></td>
<td></td>
<td></td>
<td align="right">20</td>
<td align="right">113.0060</td>
<td align="right">84.4259</td>
<td align="right">1</td>
<td align="right">0.66</td>
<td align="right">0.6270</td>
<td align="right">123</td>
<td align="right">129.8790</td>
<td align="right">47.0222</td>
<td align="right">160</td>
<td align="right">406.2517</td>
<td align="right">217.7351</td>
<td></td>
</tr>
<tr class="defineJustForReplace">
<td align="right">34</td>
<td align="right">1029.9284</td>
<td align="right">390.5169</td>
<td align="right">29</td>
<td align="right">1216.2309</td>
<td align="right">1.0994</td>
<td align="right">60</td>
<td align="right">1368.8233</td>
<td align="right">517.0354</td>
<td align="right">189</td>
<td align="right">1871.8156</td>
<td align="right">940.3351</td>
<td align="right">19</td>
<td align="right">24.9931</td>
<td align="right">3.6607</td>
<td align="right">209</td>
<td align="right">321.0891</td>
<td align="right">135.9379</td>
<td align="right">222</td>
<td align="right">150.1092</td>
<td align="right">50.2366</td>
<td align="right">424</td>
<td align="right">542.7442</td>
<td align="right">219.8969</td>
<td align="right">1186</td>
<td align="right">6525.7338</td>
<td align="right">2258.7189</td>
<td></td>
</tr>
<tr class="defineJustForReplace">
<td align="right">33</td>
<td align="right">1934.9866</td>
<td align="right">918.4036</td>
<td align="right">11</td>
<td align="right">233.3981</td>
<td align="right">99.4127</td>
<td align="right">40</td>
<td align="right">737.1108</td>
<td align="right">267.2499</td>
<td align="right">208</td>
<td align="right">4857.5636</td>
<td align="right">2794.2321</td>
<td></td>
<td></td>
<td></td>
<td align="right">148</td>
<td align="right">589.8337</td>
<td align="right">340.6482</td>
<td align="right">3</td>
<td align="right">1.6850</td>
<td align="right">1.2766</td>
<td align="right">391</td>
<td align="right">1146.8055</td>
<td align="right">799.3068</td>
<td align="right">834</td>
<td align="right">9501.3833</td>
<td align="right">5220.5299</td>
<td></td>
</tr>
<tr class="defineJustForReplace">
<td align="right">10</td>
<td align="right">728.2446</td>
<td align="right">346.4993</td>
<td align="right">26</td>
<td align="right">209.2418</td>
<td align="right">135.4865</td>
<td align="right">80</td>
<td align="right">1164.6899</td>
<td align="right">617.6353</td>
<td align="right">580</td>
<td align="right">10254.5877</td>
<td align="right">8767.4861</td>
<td align="right">153</td>
<td align="right">375.0244</td>
<td align="right">303.7568</td>
<td align="right">875</td>
<td align="right">3042.7445</td>
<td align="right">2045.1724</td>
<td align="right">79</td>
<td align="right">60.2168</td>
<td align="right">30.1754</td>
<td align="right">303</td>
<td align="right">333.29</td>
<td align="right">177.4175</td>
<td align="right">2106</td>
<td align="right">16168.0397</td>
<td align="right">12423.6293</td>
<td></td>
</tr>
<tr class="defineJustForReplace">
<td></td>
<td></td>
<td></td>
<td align="right">10</td>
<td align="right">451.7045</td>
<td align="right">220.3256</td>
<td align="right">5</td>
<td align="right">143.9355</td>
<td align="right">59.8461</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td align="right">9</td>
<td align="right">34.2598</td>
<td align="right">25.1716</td>
<td align="right">61</td>
<td align="right">283.7363</td>
<td align="right">125.9642</td>
<td align="right">11</td>
<td align="right">29.4146</td>
<td align="right">7.7889</td>
<td align="right">96</td>
<td align="right">943.0507</td>
<td align="right">439.0964</td>
<td></td>
</tr>
<tr class="defineJustForReplace">
<td align="right">14</td>
<td align="right">16.4040</td>
<td align="right">16.4040</td>
<td align="right">25</td>
<td align="right">408.8371</td>
<td align="right">214.2010</td>
<td align="right">9</td>
<td align="right">228.2086</td>
<td align="right">66.9546</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td align="right">16</td>
<td align="right">19.3004</td>
<td align="right">7.2542</td>
<td align="right">221</td>
<td align="right">676.6650</td>
<td align="right">436.8127</td>
<td align="right">148</td>
<td align="right">167.0771</td>
<td align="right">74.9197</td>
<td align="right">433</td>
<td align="right">1516.4922</td>
<td align="right">816.5462</td>
<td></td>
</tr>
<tr class="defineJustForReplace">
<td align="right">50</td>
<td align="right">539.5437</td>
<td align="right">162.2050</td>
<td align="right">11</td>
<td align="right">160.3790</td>
<td align="right">87.1134</td>
<td align="right">24</td>
<td align="right">756.8779</td>
<td align="right">193.6076</td>
<td align="right">247</td>
<td align="right">6829.4098</td>
<td align="right">5587.0213</td>
<td align="right">34</td>
<td align="right">114.4226</td>
<td align="right">92.3374</td>
<td align="right">160</td>
<td align="right">585.7999</td>
<td align="right">446.1015</td>
<td align="right">25</td>
<td align="right">21.6367</td>
<td align="right">12.9587</td>
<td align="right">189</td>
<td align="right">250.3044</td>
<td align="right">155.4544</td>
<td align="right">740</td>
<td align="right">9258.3740</td>
<td align="right">6736.7993</td>
<td></td>
</tr>
<tr class="defineJustForReplace">
<td align="right">12</td>
<td align="right">11.83</td>
<td align="right">11.3396</td>
<td align="right">3</td>
<td align="right">28.30</td>
<td align="right">27.2156</td>
<td align="right">13</td>
<td align="right">149.2829</td>
<td align="right">83.6863</td>
<td align="right">8</td>
<td align="right">33.70</td>
<td align="right">32.4057</td>
<td align="right">9</td>
<td align="right">10.22</td>
<td align="right">9.8709</td>
<td align="right">33</td>
<td align="right">118.0339</td>
<td align="right">92.4094</td>
<td align="right">4</td>
<td align="right">3.9345</td>
<td align="right">3.6814</td>
<td align="right">28</td>
<td align="right">32.2629</td>
<td align="right">30.1488</td>
<td align="right">110</td>
<td align="right">387.5642</td>
<td align="right">290.7577</td>
<td></td>
</tr>
<tr class="defineJustForReplace">
<td align="right">2</td>
<td align="right">100.4415</td>
<td align="right">8.3723</td>
<td align="right">8</td>
<td align="right">421.1380</td>
<td align="right">392.9723</td>
<td align="right">41</td>
<td align="right">720.6866</td>
<td align="right">517.0858</td>
<td align="right">12</td>
<td align="right">88.1081</td>
<td align="right">43.6075</td>
<td align="right">12</td>
<td align="right">11.3880</td>
<td align="right">9.4904</td>
<td align="right">17</td>
<td align="right">130.15</td>
<td align="right">98.5960</td>
<td align="right">2</td>
<td align="right">2.63</td>
<td align="right">1.0958</td>
<td align="right">211</td>
<td align="right">145.1545</td>
<td align="right">85.0415</td>
<td align="right">305</td>
<td align="right">1619.6967</td>
<td align="right">1156.2616</td>
<td></td>
</tr>
<tr class="defineJustForReplace">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td align="right">15</td>
<td align="right">245.9487</td>
<td align="right">148.1868</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td align="right">382</td>
<td align="right">605.0081</td>
<td align="right">349.6030</td>
<td align="right">397</td>
<td align="right">850.9568</td>
<td align="right">497.7898</td>
<td></td>
</tr>
<tr class="defineJustForReplace">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td align="right">1</td>
<td align="right">743</td>
<td align="right">564.9896</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td align="right">1</td>
<td align="right">743</td>
<td align="right">564.9896</td>
<td></td>
</tr>
<tr class="defineJustForReplace">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td align="right">4</td>
<td align="right">72.2349</td>
<td align="right">53.4359</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td align="right">3</td>
<td align="right">31.61</td>
<td align="right">17.7671</td>
<td></td>
<td></td>
<td></td>
<td align="right">100</td>
<td align="right">314.1343</td>
<td align="right">216.9563</td>
<td align="right">107</td>
<td align="right">417.9792</td>
<td align="right">288.1593</td>
<td></td>
</tr>
<tr class="defineJustForReplace">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td align="right">23</td>
<td align="right">1053.8896</td>
<td align="right">536.7552</td>
<td align="right">1</td>
<td align="right">133</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td align="right">12</td>
<td align="right">45.7120</td>
<td align="right">8.4973</td>
<td></td>
<td></td>
<td></td>
<td align="right">476</td>
<td align="right">506.0430</td>
<td align="right">189.0745</td>
<td align="right">512</td>
<td align="right">1738.6446</td>
<td align="right">734.3270</td>
<td></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</font>
</form>
</body>
</HTML>
- 锁定首列其他列宽度自适应HTML效果演示
- html css实现左右两列固定宽度中间自适应效果
- poi 列宽度自适应
- jtable自适应列宽度
- jtable自适应列宽度
- DataGridView列自适应宽度
- html 三列布局（两列固定宽度，一列自适应）
- 二列宽度自适应布局
- 两列布局宽度自适应
- 三列浮动中间列宽度自适应
- 三列浮动中间列宽度自适应
- 两列固定，中间列宽度自适应
- 三列布局中间列宽度自适应
- ListCtrl 锁定列宽度的简单方法
- html/CSS 容器宽度自适应
- html，jsp表格自适应宽度
- 锁定首行和首列
- Div+css下HTML设计三列自适应宽度出现换行的解决办法
- C# 學習使用ToolTip
- MYECLIPSE 开发Web Service之详细讲解--第二节
- DropDownList实现无限级分类
- PKU OJ 1019 Number Sequence
- CMap 用法
- 锁定首列其他列宽度自适应HTML效果演示
- C中数组名的含义
- C#如何设置窗体(控件)快捷键
- 影响SQL server性能的三个关键
- Hyper-V: 一台服务器变二百台服务器
- 移动 Windows SharePoint Services 数据库
- ASP.net 中用户自定义控件的使用
- DataTable.DataRow的复制（解决：此行已属于另一个表）
- DropDownList的一些东东
