asp中动态表格~

style:

body {
    font-family: "arial, helvetica, sans-serif,";
font-size: 9pt;
    margin: 0px;
scrollbar-face-color:#efefe7;
    scrollbar-highlight-color:#ffffff;
    scrollbar-3dlight-color:#a5a5a5;
    scrollbar-darkshadow-color:#a5a5a5;
    scrollbar-shadow-color:#d6d6ce;
    scrollbar-arrow-color:#003184;
    scrollbar-track-color:#deded6
}
table {
    font-family: "arial", "helvetica", "sans-serif","";
font-size: 9pt;
line-height: 150%;
         }
.display-tb2
{
border-right: #808080 1px solid;
border-top: #808080 1px solid;
border-left: #808080 1px solid;
border-bottom: #808080 1px solid;
border:0;
cellpadding:2;
cellspacing:0;
margin-top:2px;
border-collapse:collapse;
}
div.tableContainer
{
overflow-x:auto;
700px;
dyn-behavior:expression(
  onscroll == null?
   (onscroll = function(){
    if(event.srcElement.scrollLeft == event.srcElement.oldScroll) return;
    var oGridBody = document.getElementById("order_GridBody");
    oGridBody.style.width = parseInt(event.srcElement.clientWidth) + event.srcElement.scrollLeft + "px";
    event.srcElement.oldScroll == event.srcElement.scrollLeft;
   }):true,
  onmousedown == null?
   (onmousedown = function(){
     if(self.currentTH != null) return;
     var obj = document.elementFromPoint(event.x,event.y);
     var objL = document.elementFromPoint(event.x - 1,event.y);

     if(obj.tagName.toLowerCase() == "th")
     {

      if(objL.tagName.toLowerCase() == "th")
      {
       obj = objL;
      }
      if(obj.className == "fixed") return;
      self.currentX = event.x;
      self.currentTH = obj.childNodes[0];
      self.currentTH.setCapture();
     }
   }):true,
  onmouseup == null?
   (onmouseup = function(){
     if(self.currentTH != null)
     {
      self.currentTH.releaseCapture();
      self.currentTH = null;
     }
   }):true,
  onmousemove == null?
   (onmousemove = function(){
     if(self.currentTH != null)
     {
      var width = Math.round(parseInt(self.currentTH.clientWidth) + event.x - self.currentX);
      if(width < 0) width = 0;
      var dt = parseInt(self.currentTH.style.width) - width;
      self.currentTH.style.width = width;
      __resizeCell(self.currentTH.columnIndex,self.currentTH.style.width);
      self.currentX = event.x;
     }
   }):true,
  self.__resizeCell == null?
   (self.__resizeCell = function(idx, width){
     var cells = document.getElementById("order_GridBody_Cells");
     var rows = cells.childNodes;
     var i = 0;
     for (var i = 0; i < rows.length; i++)
     {
      var cell = rows[i].childNodes[idx].childNodes[0];
      var resetPattern = /style=[^\s\t\n]+/;
      cell.outerHTML = cell.outerHTML.toString().replace(resetPattern, "style='" +width + "'");
     }
   }):true
)
}
div.bodyContainer
{
height:300px;
760px;
overflow-x:hidden;
overflow-y:auto;
}
div.gridCell_standard
{
100px;
overflow:hidden;
nw:expression(this.noWrap=true);
margin-left: 0px;
margin-right: 1px;
padding-left: 2px;
cursor:default;
}
div.gridCell_narrow
{
30px;
overflow:hidden;
margin-left: 0px;
margin-right: 1px;
padding-left: 2px;
nw:expression(this.noWrap=true);
cursor:default;
}
th
{
border-right: #a4a6a4 1px solid;
border-top: #a4a6a4 1px solid;
border-left: #a4a6a4 1px solid;
border-bottom: #a4a6a4 1px solid;
background-image: url(images/default/headerbg.gif);

font-style:normal;
font-weight:normal;
height:20px;
cursor:col-resize;

}
th.fixed
{
border-right: #a4a6a4 1px solid;
border-top: #a4a6a4 1px solid;
border-left: #a4a6a4 1px solid;
border-bottom: #a4a6a4 1px solid;
background-image: url(images/default/headerbg.gif);
color:#ffffff;
font-style:normal;
font-weight:normal;
height:20px;
cursor:default;
}
tr.odd
{
border-right: #a4a6a4 1px solid;
border-top: #a4a6a4 0px solid;
border-left: #a4a6a4 0px solid;
border-bottom: #a4a6a4 1px solid;
noWrap;
}
tr.even
{
border-right: #a4a6a4 1px solid;
border-top: #a4a6a4 0px solid;
border-left: #a4a6a4 0px solid;
border-bottom: #a4a6a4 1px solid;
}
td.odd_even
{
border-right: #a4a6a4 1px solid;
border-top: #a4a6a4 1px solid;
border-left: #a4a6a4 1px solid;
border-bottom: #a4a6a4 1px solid;
noWrap;
}
td.select-cell
{
border-right: #a4a6a4 1px solid;
border-top: #a4a6a4 1px solid;
border-left: #a4a6a4 1px solid;
border-bottom: #a4a6a4 1px solid;
}

Mode:

<%
     sqlItem="select * from Second_ObjectInfo_T Where sIsValid='1' and sEupiID="&session("EquiID")&""
set rsItem=server.createobject("ADODB.Recordset")
rsItem.open sqlItem,Conn,1,1
inLen=rsItem.recordcount-1
%>
              <TR>
                <TD bgColor="#ffffff" class="font_gray_01" width="8%">
                  明细列表</TD>
                <TD bgColor=#ffffff width="90%" >
                <div class="tableContainer" id="order_Container">

<table cellpadding="0" class="display-tb2" style="margin-top: 2px;" cellspacing="0" border="0" id="order">
<tr>
<td>
<%
if rsItem.recordcount>0 then
%>
<table cellpadding="0" class="display-tb2" style="margin-top: 0px;" cellspacing="0" border="0">
  <thead>
   <th class="fixed"><div columnIndex="0" class="gridCell_narrow">
    <font face="Arial" color="#1E419B">序号</font></div></th>
   <th><div columnIndex="1" class="gridCell_standard">
    <font color="#1E419B">设备编号</font></div></th>
   <th><div columnIndex="2" class="gridCell_standard">
    <font color="#1E419B">设备名称</font></div></th>
   <th><div columnIndex="3" class="gridCell_standard">
    <font color="#1E419B">规格型号</font></div></th>
   <th><div columnIndex="4" class="gridCell_standard">
    <font color="#1E419B">数量</font></div></th>
   <th><div columnIndex="5" class="gridCell_standard">
    <font color="#1E419B">生产厂家</font></div></th>
   <th><div columnIndex="6" class="gridCell_standard">
    <font color="#1E419B">备注</font></div></th>

  </thead>
</table>
<%
end if
%>
</td>
</tr>

<tbody>
<tr class="odd">
<td colspan="9">
<div id="order_GridBody" class="bodyContainer">
    <table cellpadding="0" class="display-tb2" style="margin-top: 0px;" cellspacing="0" border="0">
<tbody id="order_GridBody_Cells">
<%
      i=1
      Do While Not rsItem.Eof
  %>
<tr class="even">
<td width="30px" class="select-cell">
         <div class="gridCell_narrow"><%=i%></div></td>

<td class="odd_even"><div class="gridCell_standard"><%=rsItem("sEquiCode")%></div></td>
<td class="odd_even"><div class="gridCell_standard"><%=rsItem("sEquiName")%></div></td>
<td class="odd_even"><div class="gridCell_standard"><%=rsItem("sEquiSpecSign")%></div></td>
<td class="odd_even"><div class="gridCell_standard"><%=rsItem("sEquiAmount")%></div></td>
<td class="odd_even"><div class="gridCell_standard"><%=rsItem("sEquiFactory")%></div></td>
<td class="odd_even"><div class="gridCell_standard"><%=rsItem("sEquiMemo")%></div></td>
</tr>
<%
rsItem.MoveNext
i=i+1
Loop
%>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<div style="height:15px"></div>
</div></TD>
                </TR>