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>
 <!--<tfoot> 共3页 </tfoot>-->
 <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>