固定表头

1.

<style type="text/css">
<!--
.divHead{overflow:hidden;position:absolute;z-index:1;height:40px;width:expression(document.body.clientWidth-27)}
.divBody{overflow:scroll;position:absolute;z-index:0;height:100%;width:100%}
-->
</style>
<body onresize="rx()" onload="rx()" style="margin-left:0px;margin-top:0px;overflow:hidden">
<div class="divHead" id="divHead">
<table border=1 cellspacing=0 cellpadding=0 id=htable bgcolor="#00FFFF" style="border-collapse: collapse" height=40 bordercolor="#111111">
<tr>
<td norap id="td1">aaaaaaaaaa</td>
<td norap>aaaaaaaaaa</td>
<td norap>aaaaaaaaaa1</td>
<td norap>aaaaaaaaaa2</td>
<td norap>aaaaaaaaaa3</td>
<td norap>aaaaaaaaaa4</td>
</tr>
</table>
</div>
<div class="divBody" id="divBody" onscroll="bodyScrl()">
<table border="1" cellspacing=0 cellpadding=0 id="dtable" width=1222 height=888 bgcolor="#C0C0C0" bordercolor="#111111" style="border-collapse: collapse">
<tr>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
</tr>
<tr>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
</tr>
<tr>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
</tr>
<tr>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
</tr>
<tr>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
</tr>
<tr>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
</tr>
<tr>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
</tr>
<tr>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
</tr>
<tr>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
</tr>
<tr>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
</tr>
<tr>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
</tr>
<tr>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
</tr>
<tr>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
</tr>
</table>
</div>
<script>
function bodyScrl(){
divHead.scrollLeft = divBody.scrollLeft;
}
function rx(){
htable.width = dtable.offsetWidth;
for(var i=0; i<htable.rows(0).cells.length; i++){
  htable.rows(0).cells(i).width=dtable.rows(0).cells(i).offsetWidth;
}
}

</script>

 

 

2.

 

<!doctype html public "-//w3c//dtd html 4.0 strict//en">
<html>
<head>
<style>
body {
    background-color: #F0F0F0 ;
    font: 11px "verdana","Arial";
    width:90%;
    margin-left:auto;
    margin-right:auto;   
    }

.tScroll {
    border: 1px #7494BF solid;
    background-color: #ffffff;
      overflow: scroll;
    overflow-x:hidden;
    height:100px;
    cursor: default;
    }

tr.tableHead {
    position:relative;
    background-color:#BFCEE7;
    height: 16px;
    text-align: center;
    }

td { 
    font: 11px "Verdana", "Arial";
    }

td.asBtn{   
    border: #7494BF solid;
    border-width: 0px 1px 1px 0px;
    }

table {
    border:0px;
    width:100%;
    }
</style>
</head>
<body>
<div class="tScroll" id="tC">
<table cellspacing="0" cellpadding="0">
<tr class="tableHead" onselectstart="return false"style="top:expression(document.getElementById('tC').scrollTop)">
<td class="asBtn">heading1</td>
<td class="asBtn">heading2</td><td class="asBtn">heading3</td>
<td class="asBtn">heading4</td><td class="asBtn">heading5</td>
<td class="asBtn">heading6</td>
</tr>
<tr><td>cell1</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell n</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
</table>
</div>
</body>
</html>

 

3.

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<style type="text/css">
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%;
    color: #000000;
         }
.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;
    width:760px;
    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:" +width + "'");
                    }
            }):true
    )
}
div.bodyContainer
{
    height:400px;
    width:760px;
    overflow-x:hidden;
    overflow-y:auto;
}
div.gridCell_standard
{
    width:100px;
    overflow:hidden;
    nw:expression(this.noWrap=true);
    margin-left: 0px;
    margin-right: 1px;
    padding-left: 2px;
    cursor:default;
}
div.gridCell_narrow
{
    width: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);
                color:#ffffff;
    font-style:normal;
    font-weight:normal;
    height:20px;
    cursor:col-resize;
    dyn-behavior:expression(
        ondblclick == null?
            (ondblclick = function()
            {
                var src = event.srcElement;
                if(event.srcElement.tagName.toLowerCase()!="div")
                {
                    src = src.childNodes[0];
                }
                src.style.width = "";
                __resizeCell(src.columnIndex,src.clientWidth);
            }):true
    )
}
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;
}
</style>

<body bgcolor="F6F6F6" style="padding:10 10 10 10">

<div class="tableContainer" id="order_Container">
<!--动态表格-->
    <table cellpadding="0" class="display-tb2" style="margin-top: 2px;" cellspacing="0" border="0" id="order">
    <tr>
    <td>
    <table cellpadding="0" class="display-tb2" style="margin-top: 0px;" cellspacing="0" border="0">
        <thead>
            <th class="fixed"><div columnIndex="0" class="gridCell_narrow">选择</div></th>
            <th><div columnIndex="1" class="gridCell_standard">订单编号</div></th>
            <th><div columnIndex="2" class="gridCell_standard">订货日期</div></th>
            <th><div columnIndex="3" class="gridCell_standard">订货单位</div></th>
            <th><div columnIndex="4" class="gridCell_standard">订单类别</div></th>
            <th><div columnIndex="5" class="gridCell_standard">产品类别</div></th>
            <th><div columnIndex="6" class="gridCell_standard">版本号</div></th>
            <th><div columnIndex="7" class="gridCell_standard">订货金额</div></th>
            <th><div columnIndex="8" class="gridCell_standard">订单状态</div></th>
        </thead>
    </table>
    </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">
    <tr class="even">
    <td width="30px" class="select-cell">
         <div class="gridCell_narrow"><input type="checkbox" name="id" value="2" /></div></td>
    <td class="odd_even"><div class="gridCell_standard">DJPH001</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-02-02</div></td>
    <td class="odd_even"><div class="gridCell_standard">19</div></td>
    <td class="odd_even"><div class="gridCell_standard">直销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">5</div></td>
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    <tr class="even">
    <td width="30px" class="select-cell">
           <div class="gridCell_narrow"><input type="checkbox" name="id" value="3" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">DJPH001</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-02-02</div></td>
    <td class="odd_even"><div class="gridCell_standard">19</div></td>
    <td class="odd_even"><div class="gridCell_standard">购销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">5</div></td>
    <td class="odd_even"><div class="gridCell_standard">21.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard"> </div></td></tr>
    <tr class="odd">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="4" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">DJPH889</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-02-02</div></td>
    <td class="odd_even"><div class="gridCell_standard">0</div></td>
    <td class="odd_even"><div class="gridCell_standard">购销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">5</div></td>
    <td class="odd_even"><div class="gridCell_standard">21.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    <tr class="even">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="5" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">DJPH889</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-02-02</div></td>
    <td class="odd_even"><div class="gridCell_standard">0</div></td>
    <td class="odd_even"><div class="gridCell_standard">直销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">5</div></td>
    <td class="odd_even"><div class="gridCell_standard">1.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard"> </div></td></tr>
    <tr class="odd">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="6" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">tytutyjh465456</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-02-02</div></td>
    <td class="odd_even"><div class="gridCell_standard">0</div></td>
    <td class="odd_even"><div class="gridCell_standard">购销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">0</div></td>
    <td class="odd_even"><div class="gridCell_standard">21.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">生产部已审核</div></td></tr>
    <tr class="even">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="7" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">21.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">生产部已审核</div></td></tr>
    <tr class="odd">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="8" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">总代已审核</div></td></tr>
    <tr class="even">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="9" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">32.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    <tr class="odd">
    <td width="30px" class="select-cell">
         <div class="gridCell_narrow"><input type="checkbox" name="id" value="10" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard"> </div></td></tr>
    <tr class="even">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="11" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard"> </div></td></tr>
    <tr class="odd">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="12" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    <tr class="even">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="13" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    <tr class="odd">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="14" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    <tr class="even">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="15" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">21.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    <tr class="odd">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="16" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    <tr class="even">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="17" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">21.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    <tr class="odd">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="18" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    <tr class="even">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="19" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    <tr class="odd">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="20" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    <tr class="even">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="21" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    </tbody>
    </table>
    </div>
    </td>
    </tr>
    </tbody>
    </table>
    <div style="height:15px"></div>
</div>
</body>
</html>

 

 

4.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>test</title>
<style>
.IE_FIXHEAD
{
POSITION: relative;
TOP: expression(this.offsetParent.scrollTop-1);
Z-INDEX: 5 ;
}
</style>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td>
<div id="container" style="width:300;height:200;overflow:hidden">
<table width="400" cellSpacing="0" id="table1"  border="1">
<thead>
  <tr class="IE_FIXHEAD" style="background-color: #C0C0C0">
   <td>head</td>
   <td>head</td>
   <td>head</td>
   <td>head</td>
   <td>head</td>
  </tr>
</thead>
<tbody>
<tr>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
</tr>
<tr>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
</tr>
<tr>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
</tr>
<tr>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
</tr>
<tr>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
</tr>
<tr>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
</tr>
<tr>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
</tr>
<tr>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
</tr>
<tr>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
</tr>
<tr>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
</tr>
<tr>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
</tr>
<tr>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
</tr>
<tr>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
</tr>
<tr>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
</tr>
<tr>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
</tr>
<tr>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
</tr>
<tr>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
</tr>
<tr>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
</tr>
<tr>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
</tr>
<tr>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
  <td>
  cell</td>
</tr>
</tbody>
</table>
</div>
</td>
<td valign=bottom>
<div style="display:none;width: 20px;" id="scrollDiv"><div id="ffDiv"></div></div>
</td>
</tr>
</table>
<script>
var tb = document.getElementById("table1");
var div = document.getElementById("container");
if(!document.all){
var tbody = tb.tBodies[0];
tbody.style.overflowY = "hidden";
tbody.style.overflowX = "hidden";
tbody.style.height=div.style.height;
div.style.overflowX = "auto";
div.style.overflowY = "hidden";
var ffDiv = document.getElementById("ffDiv");
ffDiv.style.height = tbody.scrollHeight;
var scrollDiv = document.getElementById("scrollDiv");
scrollDiv.style.height = div.style.height;
scrollDiv.style.display = "";
scrollDiv.style.top = tbody.style.offsetTop;
scrollDiv.style.left = tbody.style.offsetLeft;
scrollDiv.style.overflowX = "hidden";
scrollDiv.style.overflowY = "auto";
scrollDiv.onscroll = function(){
  tbody.scrollTop = scrollDiv.scrollTop;
}
}else{
div.style.overflow = "auto";
}
</script>
</body>
</html>

 

 

5.

 

<!-- 固定表头表格 首贴www.51js.com 作者:LQY169 使用转载请保留 -->

<style type=text/css>
.griddiv{
   overflow-x:hidden;
   border:black 1px solid;
   BACKGROUND: #F8F9FC;
}
.title {
        BORDER-RIGHT: #555 1px solid;
        BORDER-TOP: #fff 1px solid;
        BORDER-BOTTOM: #555 1px solid;
        BORDER-LEFT: #fff 1px solid;
        padding:2 1 2 2;
        BACKGROUND: #ccc;
        CURSOR: hand;
        Font-Size:9pt;
        overflow:hidden;
        WHITE-SPACE: nowrap
}
td{
   WHITE-SPACE: nowrap;
   BORDER-RIGHT: #ddd 1px solid;
   BORDER-TOP: #ddd 1px solid;
}
.cdata {
        padding:1 1 1 2;
        bgColor:expression(this.bgColor=((this.rowIndex)%2==0 )? '#FFFFFF' : '#cccccc');
        Font-Size:9pt;
}

</style>

<div class='griddiv' id='griddiv'>
<div id="titlediv" style='position:relative;'></div>
<div id="tablediv" style='overflow-x:scroll;overflow-y:scroll' onscroll='SYNC_Roll(this)'>
  <table id="tb" width='100%' border="0" cellpadding="0" cellspacing="0">
   <tr id="titletr"><td>标题1</td><td>标题2</td><td>标题3</td></tr>
   <tr class='cdata'><td>内容1内容1内容1内容1内容1内容</td><td nowrap>内容2</td><td nowrap>内容3222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
   <tr class='cdata'><td>内容1</td><td>内容2</td><td>内容3</td></tr>
  </table>
</div>
<div>
<script language=javascript>
    function createtitle(tdiv,ttb,ttr){
      tdiv.style.width=ttb.clientWidth;
      var newtit="";
      for(i=0;i<titletr.cells.length;i++)
      {
         ttd=titletr.cells[i];
         newtit=newtit+"<span class='title' style='width:"+(ttd.clientWidth+1)+"px'>"+ttd.innerText+"</span>" 
      }
      tdiv.innerHTML=newtit;
      titletr.style.visibility = "hidden"; 
      if (ttr.rowIndex!=ttb.rows.length-1)
        ttb.moveRow(ttr.rowIndex,ttb.rows.length-1); 
    }
    function SYNC_Roll(obj){
       titlediv.style.posLeft=-obj.scrollLeft;
    } 
    function SetGrid(awidth,aheight){ 
       var gdiv=document.getElementById("griddiv");
       titdiv=document.getElementById("titlediv");
       ttbdiv=document.getElementById("tablediv");
       ttb=document.getElementById("tb");
       ttr=document.getElementById("titletr");
       gdiv.style.pixelWidth=awidth;
       tablediv.style.pixelWidth=awidth;
       tablediv.style.pixelHeight=aheight;
       createtitle(titdiv,ttb,ttr);
    } 
    SetGrid(500,300);
</script>

 

6.

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<style type="text/css">
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%;
    color: #000000;
         }
.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;
    width:760px;
    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:" +width + "'");
                    }
            }):true
    )
}
div.bodyContainer
{
    height:250px;
    width:760px;
    overflow-x:hidden;
    overflow-y:auto;
}
div.gridCell_standard
{
    width:100px;
    overflow:hidden;
    nw:expression(this.noWrap=true);
    margin-left: 0px;
    margin-right: 1px;
    padding-left: 2px;
    cursor:default;
}
div.gridCell_narrow
{
    width: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);
                color:#ffffff;
    font-style:normal;
    font-weight:normal;
    height:20px;
    cursor:col-resize;
    dyn-behavior:expression(
        ondblclick == null?
            (ondblclick = function()
            {
                var src = event.srcElement;
                if(event.srcElement.tagName.toLowerCase()!="div")
                {
                    src = src.childNodes[0];
                }
                src.style.width = "";
                __resizeCell(src.columnIndex,src.clientWidth);
            }):true
    )
}
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;
}
th{
  color:#ff0000;
}
</style>

<body bgcolor="F6F6F6" style="padding:10 10 10 10">

<div class="tableContainer" id="order_Container">
<!--动态表格-->
    <table cellpadding="0" class="display-tb2" style="margin-top: 2px;" cellspacing="0" border="0" id="order">
    <tr>
    <td>
    <table cellpadding="0" class="display-tb2" style="margin-top: 0px;" cellspacing="0" border="0">
        <thead>
            <th class="fixed"><div columnIndex="0" class="gridCell_narrow">选择</div></th>
            <th><div columnIndex="1" class="gridCell_standard">订单编号</div></th>
            <th><div columnIndex="2" class="gridCell_standard">订货日期</div></th>
            <th><div columnIndex="3" class="gridCell_standard">订货单位</div></th>
            <th><div columnIndex="4" class="gridCell_standard">订单类别</div></th>
            <th><div columnIndex="5" class="gridCell_standard">产品类别</div></th>
            <th><div columnIndex="6" class="gridCell_standard">版本号</div></th>
            <th><div columnIndex="7" class="gridCell_standard">订货金额</div></th>
            <th><div columnIndex="8" class="gridCell_standard">订单状态</div></th>
        </thead>
    </table>
    </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">
    <tr class="even">
    <td width="30px" class="select-cell">
         <div class="gridCell_narrow"><input type="checkbox" name="id" value="2" /></div></td>
    <td class="odd_even"><div class="gridCell_standard">DJPH001</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-02-02</div></td>
    <td class="odd_even"><div class="gridCell_standard">19</div></td>
    <td class="odd_even"><div class="gridCell_standard">直销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">5</div></td>
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    <tr class="even">
    <td width="30px" class="select-cell">
           <div class="gridCell_narrow"><input type="checkbox" name="id" value="3" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">DJPH001</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-02-02</div></td>
    <td class="odd_even"><div class="gridCell_standard">19</div></td>
    <td class="odd_even"><div class="gridCell_standard">购销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">5</div></td>
    <td class="odd_even"><div class="gridCell_standard">21.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard"> </div></td></tr>
    <tr class="odd">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="4" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">DJPH889</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-02-02</div></td>
    <td class="odd_even"><div class="gridCell_standard">0</div></td>
    <td class="odd_even"><div class="gridCell_standard">购销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">5</div></td>
    <td class="odd_even"><div class="gridCell_standard">21.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    <tr class="even">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="5" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">DJPH889</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-02-02</div></td>
    <td class="odd_even"><div class="gridCell_standard">0</div></td>
    <td class="odd_even"><div class="gridCell_standard">直销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">5</div></td>
    <td class="odd_even"><div class="gridCell_standard">1.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard"> </div></td></tr>
    <tr class="odd">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="6" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">tytutyjh465456</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-02-02</div></td>
    <td class="odd_even"><div class="gridCell_standard">0</div></td>
    <td class="odd_even"><div class="gridCell_standard">购销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">0</div></td>
    <td class="odd_even"><div class="gridCell_standard">21.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">生产部已审核</div></td></tr>
    <tr class="even">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="7" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">21.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">生产部已审核</div></td></tr>
    <tr class="odd">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="8" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">总代已审核</div></td></tr>
    <tr class="even">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="9" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">32.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    <tr class="odd">
    <td width="30px" class="select-cell">
         <div class="gridCell_narrow"><input type="checkbox" name="id" value="10" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard"> </div></td></tr>
    <tr class="even">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="11" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard"> </div></td></tr>
    <tr class="odd">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="12" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    <tr class="even">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="13" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    <tr class="odd">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="14" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    <tr class="even">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="15" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">21.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    <tr class="odd">
    <td width="30px" class="select-cell">
          <div class="gridCell_narrow"><input type="checkbox" name="id" value="16" /></div> </td>
    <td class="odd_even"><div class="gridCell_standard">KDSZ2005050698</div></td>
    <td class="odd_even"><div class="gridCell_standard">2005-05-05</div></td>
    <td class="odd_even"><div class="gridCell_standard">-1</div></td>
    <td class="odd_even"><div class="gridCell_standard">分销</div></td>
    <td class="odd_even"><div class="gridCell_standard">KIS</div></td>
    <td class="odd_even"><div class="gridCell_standard">10.2</div></td>
    <td class="odd_even"><div class="gridCell_standard">12.0000</div></td>
    <td class="odd_even"><div class="gridCell_standard">已取消</div></td></tr>
    </tbody>
    </table>
    </div>
    </td>
    </tr>
    </tbody>
    </table>
    <div style="height:15px"></div>
</div>
</body>
</html>

posted on 2008-11-06 20:35  tivan  阅读(940)  评论(0)    收藏  举报

导航