CSS簡單table首列固定

日前公司業務需求,將幾個頁面Table(也有一個頁面幾個table的狀況)首列固定。網上查找資料最簡便的作法是,將固定列(或者行)與滑動數據分別放在兩個table裏。由於個人需求是在 原有的table上進行編輯修改,不宜大幅度動原有代碼因此沒有采用。javascript

考慮到時間成本的問題最終解決代碼以下。值得注意的地方有幾點:css

第一,使用 css experssion動態表達式取值 加上eval綁定爲較規範寫法(也有說能夠兼容IE6)。html

第二,必須使用兼容視圖(IE)瀏覽,不然Freezingcol中left屬性取值不到。java

第三,動態取值scrollLeft形成肉眼可見輕微頁面刷新,若是優化用戶體驗,建議使用js或者jqjquery

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>固定表格表頭 </title>
    <meta http-equiv="X-UA-Compatible" content="IE=7" />
    <meta name="Generator" content="EditPlus">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <link href="http://127.0.0.1:8077/PQM/style/PQM.css" rel="Stylesheet" type="text/css" />
    <style type="text/css"> 
        .FreezingCol
        {
            z-index: 1;
            left: expression(eval(document.getElementById("freezingDiv").scrollLeft));
            position: relative;
        }
        
        #table_0 tr
        {
            color: #003399;
            background-color: White;
        }
    </style>
    <script src="http://127.0.0.1:8077/javascript/jquery1.6.js" type="text/javascript"></script>
    <script type="text/javascript">
        function show(tableID, obj, title) {
            if ($("#" + tableID + " .sub").css("display") != "none") {
                $("#" + tableID + " .sub").css("display", "none");
                $("#" + tableID + " a").html("" + title);
            }
            else {
                $("#" + tableID + " .sub").css("display", "block");

                $("#" + tableID + " a").html("" + title);
            }
        }

    </script>
</head>
<body>
    <div id="freezingDiv" style="overflow:auto; width:700px; height:450px">
        <table id="table_0" class="report_table" cellspacing="0" style="width: 4455px; border-collapse: collapse;">
            <caption  class="FreezingCol" align="Left">
                Sales Start:&nbsp; <span class="black">1999-08-18</span>
            </caption>
            <tr>
                <td class="normal  modeltitle black FreezingCol">
                    CMA-D2CE
                </td>
                <td class="normal" style="width: 80px;">
                    2011-11
                </td>
                <td class="normal" style="width: 80px;">
                    2011-12
                </td>
                <td class="normal" style="width: 80px;">
                    2012-1
                </td>
                <td class="normal" style="width: 80px;">
                    2012-2
                </td>
                <td class="normal" style="width: 80px;">
                    2012-3
                </td>
                <td class="normal" style="width: 80px;">
                    2012-4
                </td>
                <td class="normal" style="width: 80px;">
                    2012-5
                </td>
                <td class="normal" style="width: 80px;">
                    2012-6
                </td>
                <td class="normal" style="width: 80px;">
                    2012-7
                </td>
                <td class="normal" style="width: 80px;">
                    2012-8
                </td>
                <td class="normal" style="width: 80px;">
                    2012-9
                </td>
                <td class="normal" style="width: 80px;">
                    2012-10
                </td>
                <td class="normal" style="width: 80px;">
                    2012-11
                </td>
                <td class="normal" style="width: 80px;">
                    2012-12
                </td>
                <td class="normal" style="width: 80px;">
                    2013-1
                </td>
                <td class="normal" style="width: 80px;">
                    2013-2
                </td>
                <td class="normal" style="width: 80px;">
                    2013-3
                </td>
                <td class="normal" style="width: 80px;">
                    2013-4
                </td>
                <td class="normal" style="width: 80px;">
                    2013-5
                </td>
                <td class="normal" style="width: 80px;">
                    2013-6
                </td>
                <td class="normal" style="width: 80px;">
                    2013-7
                </td>
                <td class="normal" style="width: 80px;">
                    2013-8
                </td>
                <td class="normal" style="width: 80px;">
                    2013-9
                </td>
                <td class="normal" style="width: 80px;">
                    2013-10
                </td>
                <td class="normal" style="width: 80px;">
                    2013-11
                </td>
                <td class="normal" style="width: 80px;">
                    2013-12
                </td>
                <td class="normal" style="width: 80px;">
                    2014-1
                </td>
                <td class="normal" style="width: 80px;">
                    2014-2
                </td>
                <td class="normal" style="width: 80px;">
                    2014-3
                </td>
                <td class="normal" style="width: 80px;">
                    2014-4
                </td>
                <td class="normal" style="width: 80px;">
                    2014-5
                </td>
                <td class="normal" style="width: 80px;">
                    2014-6
                </td>
                <td class="normal" style="width: 80px;">
                    2014-7
                </td>
                <td class="normal" style="width: 80px;">
                    2014-8
                </td>
                <td class="normal" style="width: 80px;">
                    2014-9
                </td>
                <td class="normal" style="width: 80px;">
                    2014-10
                </td>
            </tr>
            <tr>
                <td class="bold  title FreezingCol">
                    Accu.Defect Rate
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
            </tr>
            <tr>
                <td class="normal  title FreezingCol">
                    Defect Rate
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
                <td class="normal" style="width: 80px;">
                    0.00%
                </td>
            </tr>
            <tr>
                <td class="normal  title FreezingCol">
                    Accu.Sales Qty
                </td>
                <td class="normal" style="width: 80px;">
                    214
                </td>
                <td class="normal" style="width: 80px;">
                    214
                </td>
                <td class="normal" style="width: 80px;">
                    214
                </td>
                <td class="normal" style="width: 80px;">
                    214
                </td>
                <td class="normal" style="width: 80px;">
                    214
                </td>
                <td class="normal" style="width: 80px;">
                    214
                </td>
                <td class="normal" style="width: 80px;">
                    214
                </td>
                <td class="normal" style="width: 80px;">
                    214
                </td>
                <td class="normal" style="width: 80px;">
                    224
                </td>
                <td class="normal" style="width: 80px;">
                    224
                </td>
                <td class="normal" style="width: 80px;">
                    224
                </td>
                <td class="normal" style="width: 80px;">
                    224
                </td>
                <td class="normal" style="width: 80px;">
                    224
                </td>
                <td class="normal" style="width: 80px;">
                    224
                </td>
                <td class="normal" style="width: 80px;">
                    234
                </td>
                <td class="normal" style="width: 80px;">
                    234
                </td>
                <td class="normal" style="width: 80px;">
                    244
                </td>
                <td class="normal" style="width: 80px;">
                    244
                </td>
                <td class="normal" style="width: 80px;">
                    244
                </td>
                <td class="normal" style="width: 80px;">
                    244
                </td>
                <td class="normal" style="width: 80px;">
                    244
                </td>
                <td class="normal" style="width: 80px;">
                    244
                </td>
                <td class="normal" style="width: 80px;">
                    244
                </td>
                <td class="normal" style="width: 80px;">
                    244
                </td>
                <td class="normal" style="width: 80px;">
                    244
                </td>
                <td class="normal" style="width: 80px;">
                    244
                </td>
                <td class="normal" style="width: 80px;">
                    244
                </td>
                <td class="normal" style="width: 80px;">
                    244
                </td>
                <td class="normal" style="width: 80px;">
                    244
                </td>
                <td class="normal" style="width: 80px;">
                    244
                </td>
                <td class="normal" style="width: 80px;">
                    244
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
            </tr>
            <tr>
                <td class="normal  title FreezingCol">
                    Sales Qty
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    10
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    10
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    10
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
            </tr>
            <tr>
                <td class="normal  title FreezingCol">
                    Accu.Defect Qty
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
            </tr>
            <tr>
                <td class="normal title FreezingCol">
                    Defect Qty
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
                <td class="normal" style="width: 80px;">
                    0
                </td>
            </tr>
            <tr>
                <td class="bold title FreezingCol">
                    Accu.Cost Rate
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
                <td class="bold" style="width: 80px;">
                    0.00%
                </td>
            </tr>
            <tr>
                <td class="normal title FreezingCol">
                    Accu. Cost
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
            </tr>
            <tr>
                <td class="normal title FreezingCol">
                    <a href="javascript:void(0);" onclick="show('table_0',this,'Cost Amount');">▼Cost Amount</a>
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
                <td class="normal" style="width: 80px;">
                    0.00
                </td>
            </tr>
            <tr>
                <td class="sub title FreezingCol">
                    &nbsp; &nbsp; Parts
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
            </tr>
            <tr>
                <td class="sub title FreezingCol">
                    &nbsp; &nbsp; Labor
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
            </tr>
            <tr>
                <td class="sub title FreezingCol">
                    &nbsp; &nbsp; Trip
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
            </tr>
            <tr>
                <td class="sub title FreezingCol">
                    &nbsp; &nbsp; Etc.
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
                <td class="sub" style="width: 80px;">
                    0.00
                </td>
            </tr>
            <tr>
                <td class="bold title FreezingCol">
                    Accu. Unit Cost
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
                <td class="bold" style="width: 120px;">
                    0.00
                </td>
            </tr>
            <tr>
                <td class="normal  title FreezingCol">
                    Defect Rate(By Month)
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
            </tr>
            <tr>
                <td class="normal  title FreezingCol">
                    Accu.Defect Rate(By Year)
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
                <td class="normal" style="width: 120px;">
                    0.00%
                </td>
            </tr>
        </table>
    </div>
</body>
</html>

 

原文參考一篇來自jb51上的文章,找不到原連接。見諒。express

歡迎留言評論,共同進步。容許轉載,請標明原地址app

http://www.cnblogs.com/happyxiaoyao/p/4123852.html
技術交流羣:165609857優化

相關文章
相關標籤/搜索