1

我正在做一个客户想要在他的桌子上粘贴标题/列的项目。但是我不能为此使用真正的脚本，因为这个项目已经在页面中有很多对象，而且我正在失去速度和类似的东西。

到目前为止，我成功的是创建了一个 css 和 javascript 的混合体，我在表格滚动后向左/顶部滚动我的元素。

即使在 IE 9 中也能正常工作，不包括 Opera、Chrome、Safari、Maxthon；但遗憾的是，这在 FF 中不起作用，所以我需要一些帮助来解决这个问题。

我将在这里发布我的小提琴结果页面： http: //jsfiddle.net/kordosoft/7v4RZ/21/embedded/result/ 小提琴的工作副本：http: //jsfiddle.net/kordosoft/7v4RZ/21/

如果您将在不同的浏览器中打开它，这将适用于 FF。

粘性标题：第 2 行；粘性列：第 1 2 列；

JS：

document.getElementsByClassName("valuation")[0].onscroll = function ()
{
        var _left = document.getElementsByClassName("valuation")[0].scrollLeft;
        jQuery('.valuation td[column="A"],.valuation td[column="B"]').css('left', _left);

        var _top = document.getElementsByClassName("valuation")[0].scrollTop;
        jQuery('.valuation td[row="1"],.valuation td[row="3"]').css('top', _top);

}

CSS：

table {
    width: 100%;
    border-spacing: 0;
    border: 0;
    border-spacing: none;
    border-collapse: collapse;
    color: #4D4F6E;
    font-size: 12px;
    text-shadow: 0 0 1px #fff;
}

td {
    position: relative;
}

.valuation {
    display: block;
    overflow: scroll;
    max-height: 400px;
    width: 700px;
}

.donotshow{display:none;}

.valuation td[column="A"], .valuation td[column="B"]
{
    min-width: 190px!important;
    font-weight: bold;
    border-right: 1px dashed #d6dae1;
}

.valuation td
{
    min-width: 75px;   
}

.valuation td[column="A"], .valuation td[column="B"]
{
     left:0;z-index:2;
}


 .valuation td[row="1"], .valuation td[row="3"]
  {
    z-index:2;        
    top:0;        
 }

.valuation td[row="1"][column="B"], .valuation td[row="3"][column="B"],.valuation td[row="1"][column="A"], .valuation td[row="3"][column="A"]
 {
    z-index:3;
 }
.valuation tr[row="3"]
{
    font-weight: bold;
}

.valuation tr[row="1"] td, .valuation tr[row="4"] td, .valuation tr[row="30"] td, .valuation tr[row="52"] td, .valuation tr[row="82"] td, .valuation tr[row="92"] td, .valuation tr[row="95"] td, .valuation tr[row="104"] td, .valuation tr[row="118"] td, .valuation tr[row="140"] td, .valuation tr[row="146"] td, .valuation tr[row="149"] td, .valuation tr[row="200"] td, .valuation tr[row="220"] td, .valuation tr[row="234"] td
{
    font-weight: bold;
    border: none!important;
    color: #383A6A;
    border-bottom: 1px solid #fff!important;
    background: rgb(213,222,239); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(213,222,239,1) 0%, rgba(192,196,211,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,222,239,1)), color-stop(100%,rgba(192,196,211,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(213,222,239,1) 0%,rgba(192,196,211,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(213,222,239,1) 0%,rgba(192,196,211,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(213,222,239,1) 0%,rgba(192,196,211,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(213,222,239,1) 0%,rgba(192,196,211,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5deef', endColorstr='#c0c4d3',GradientType=0 ); /* IE6-9 */
}

.valuation tr:nth-child(2n) td
{
    background-color: #FFF;
}

.valuation tr:nth-child(2n+1) td
{
    background-color: #F4F6FA;
}

HTML：

<table class="valuation">
    <tbody>
        <tr row="1">
            <td column="A" row="1" sheet="valuation">Valuation for:<span class="companynamelabel">-</span>
            </td>
            <td column="B" row="1" sheet="valuation"></td>
            <td class="donotshow" column="C" row="1" sheet="valuation"></td>
            <td class="donotshow" column="D" row="1" sheet="valuation"></td>
            <td class="donotshow" column="E" row="1" sheet="valuation"></td>
            <td class="donotshow" column="F" row="1" sheet="valuation"></td>
            <td class="donotshow" column="G" row="1" sheet="valuation"></td>
            <td class="donotshow" column="H" row="1" sheet="valuation"></td>
            <td class="donotshow" column="I" row="1" sheet="valuation"></td>
            <td column="J" row="1" sheet="valuation"></td>
            <td column="K" row="1" sheet="valuation"></td>
            <td column="L" row="1" sheet="valuation"></td>
            <td column="M" row="1" sheet="valuation"></td>
            <td column="N" row="1" sheet="valuation"></td>
            <td column="O" row="1" sheet="valuation"></td>
            <td column="P" row="1" sheet="valuation"></td>
            <td column="Q" row="1" sheet="valuation"></td>
            <td column="R" row="1" sheet="valuation"></td>
            <td column="S" row="1" sheet="valuation"></td>
            <td column="T" row="1" sheet="valuation"></td>
            <td column="U" row="1" sheet="valuation"></td>
            <td column="V" row="1" sheet="valuation"></td>
            <td class="donotshow" column="W" row="1" sheet="valuation"></td>
            <td class="donotshow" column="X" row="1" sheet="valuation"></td>
        </tr>
        <tr row="3">
            <td column="A" row="3" sheet="valuation">Years</td>
            <td column="B" row="3" sheet="valuation"></td>
            <td class="donotshow" column="C" row="3" sheet="valuation"><span class="fy-9">2005</span>
            </td>
            <td class="donotshow" column="D" row="3" sheet="valuation"><span class="fy-8">2006</span>
            </td>
            <td class="donotshow" column="E" row="3" sheet="valuation"><span class="fy-7">2007</span>
            </td>
            <td class="donotshow" column="F" row="3" sheet="valuation"><span class="fy-6">2008</span>
            </td>
            <td class="donotshow" column="G" row="3" sheet="valuation"><span class="fy-5">2009</span>
            </td>
            <td class="donotshow" column="H" row="3" sheet="valuation"><span class="fy-4">2010</span>
            </td>
            <td class="donotshow" column="I" row="3" sheet="valuation"><span class="fy-3">2011</span>
            </td>
            <td column="J" row="3" sheet="valuation"><span class="fy-2">2012</span>
            </td>
            <td column="K" row="3" sheet="valuation"><span class="fy-1">2013</span>
            </td>
            <td column="L" row="3" sheet="valuation"><span class="fy0">2014</span>
            </td>
            <td column="M" row="3" sheet="valuation"><span class="fy1">2015</span>
            </td>
            <td column="N" row="3" sheet="valuation"><span class="fy2">2016</span>
            </td>
            <td column="O" row="3" sheet="valuation"><span class="fy3">2017</span>
            </td>
            <td column="P" row="3" sheet="valuation"><span class="fy4">2018</span>
            </td>
            <td column="Q" row="3" sheet="valuation"><span class="fy5">2019</span>
            </td>
            <td column="R" row="3" sheet="valuation"><span class="fy6">2020</span>
            </td>
            <td column="S" row="3" sheet="valuation"><span class="fy7">2021</span>
            </td>
            <td column="T" row="3" sheet="valuation"><span class="fy8">2022</span>
            </td>
            <td column="U" row="3" sheet="valuation"><span class="fy9">2023</span>
            </td>
            <td column="V" row="3" sheet="valuation"><span class="fy10">2024</span>
            </td>
            <td class="donotshow" column="W" row="3" sheet="valuation"><span class="fy11">2025</span>
            </td>
            <td class="donotshow" column="X" row="3" sheet="valuation"><span class="fy12">2026</span>
            </td>
        </tr>
        <tr row="4">
            <td column="A" row="4" sheet="valuation">Operating Free Cash Flow</td>
            <td column="B" row="4" sheet="valuation"></td>
            <td class="donotshow" column="C" row="4" sheet="valuation"></td>
            <td class="donotshow" column="D" row="4" sheet="valuation"></td>
            <td class="donotshow" column="E" row="4" sheet="valuation"></td>
            <td class="donotshow" column="F" row="4" sheet="valuation"></td>
            <td class="donotshow" column="G" row="4" sheet="valuation"></td>
            <td class="donotshow" column="H" row="4" sheet="valuation"></td>
            <td class="donotshow" column="I" row="4" sheet="valuation"></td>
            <td column="J" row="4" sheet="valuation"></td>
            <td column="K" row="4" sheet="valuation"></td>
            <td column="L" row="4" sheet="valuation"></td>
            <td column="M" row="4" sheet="valuation"></td>
            <td column="N" row="4" sheet="valuation"></td>
            <td column="O" row="4" sheet="valuation"></td>
            <td column="P" row="4" sheet="valuation"></td>
            <td column="Q" row="4" sheet="valuation"></td>
            <td column="R" row="4" sheet="valuation"></td>
            <td column="S" row="4" sheet="valuation"></td>
            <td column="T" row="4" sheet="valuation"></td>
            <td column="U" row="4" sheet="valuation"></td>
            <td column="V" row="4" sheet="valuation"></td>
            <td class="donotshow" column="W" row="4" sheet="valuation"></td>
            <td class="donotshow" column="X" row="4" sheet="valuation"></td>
        </tr>
        <tr row="6">
            <td column="A" row="6" sheet="valuation"></td>
            <td column="B" row="6" sheet="valuation">Net Income</td>
            <td class="donotshow" column="C" row="6" sheet="valuation">0</td>
            <td class="donotshow" column="D" row="6" sheet="valuation">0</td>
            <td class="donotshow" column="E" row="6" sheet="valuation">0</td>
            <td class="donotshow" column="F" row="6" sheet="valuation">0</td>
            <td class="donotshow" column="G" row="6" sheet="valuation">0</td>
            <td class="donotshow" column="H" row="6" sheet="valuation">0</td>
            <td class="donotshow" column="I" row="6" sheet="valuation">0</td>
            <td column="J" row="6" sheet="valuation">0</td>
            <td column="K" row="6" sheet="valuation">0</td>
            <td column="L" row="6" sheet="valuation">0</td>
            <td column="M" row="6" sheet="valuation">0</td>
            <td column="N" row="6" sheet="valuation">0</td>
            <td column="O" row="6" sheet="valuation">0</td>
            <td column="P" row="6" sheet="valuation">N/A</td>
            <td column="Q" row="6" sheet="valuation">N/A</td>
            <td column="R" row="6" sheet="valuation">N/A</td>
            <td column="S" row="6" sheet="valuation">N/A</td>
            <td column="T" row="6" sheet="valuation">N/A</td>
            <td column="U" row="6" sheet="valuation">N/A</td>
            <td column="V" row="6" sheet="valuation">N/A</td>
            <td class="donotshow" column="W" row="6" sheet="valuation">N/A</td>
            <td class="donotshow" column="X" row="6" sheet="valuation">N/A</td>
        </tr>
        <tr row="7">
            <td column="A" row="7" sheet="valuation">+</td>
            <td column="B" row="7" sheet="valuation">Net Interest Expense after Tax</td>
            <td class="donotshow" column="C" row="7" sheet="valuation">N/A</td>
            <td class="donotshow" column="D" row="7" sheet="valuation">N/A</td>
            <td class="donotshow" column="E" row="7" sheet="valuation">N/A</td>
            <td class="donotshow" column="F" row="7" sheet="valuation">N/A</td>
            <td class="donotshow" column="G" row="7" sheet="valuation">N/A</td>
            <td class="donotshow" column="H" row="7" sheet="valuation">N/A</td>
            <td class="donotshow" column="I" row="7" sheet="valuation">N/A</td>
            <td column="J" row="7" sheet="valuation">N/A</td>
            <td column="K" row="7" sheet="valuation">N/A</td>
            <td column="L" row="7" sheet="valuation">N/A</td>
            <td column="M" row="7" sheet="valuation">N/A</td>
            <td column="N" row="7" sheet="valuation">N/A</td>
            <td column="O" row="7" sheet="valuation">N/A</td>
            <td column="P" row="7" sheet="valuation">N/A</td>
            <td column="Q" row="7" sheet="valuation">N/A</td>
            <td column="R" row="7" sheet="valuation">N/A</td>
            <td column="S" row="7" sheet="valuation">N/A</td>
            <td column="T" row="7" sheet="valuation">N/A</td>
            <td column="U" row="7" sheet="valuation">N/A</td>
            <td column="V" row="7" sheet="valuation">N/A</td>
            <td class="donotshow" column="W" row="7" sheet="valuation">N/A</td>
            <td class="donotshow" column="X" row="7" sheet="valuation">N/A</td>
        </tr>            
        <tr row="42">
            <td column="A" row="42" sheet="valuation">+</td>
            <td column="B" row="42" sheet="valuation">Goodwill Amortisation</td>
            <td class="donotshow" column="C" row="42" sheet="valuation">0</td>
            <td class="donotshow" column="D" row="42" sheet="valuation">0</td>
            <td class="donotshow" column="E" row="42" sheet="valuation">0</td>
            <td class="donotshow" column="F" row="42" sheet="valuation">0</td>
            <td class="donotshow" column="G" row="42" sheet="valuation">0</td>
            <td class="donotshow" column="H" row="42" sheet="valuation">0</td>
            <td class="donotshow" column="I" row="42" sheet="valuation">0</td>
            <td column="J" row="42" sheet="valuation">0</td>
            <td column="K" row="42" sheet="valuation">0</td>
            <td column="L" row="42" sheet="valuation">0</td>
            <td column="M" row="42" sheet="valuation">0</td>
            <td column="N" row="42" sheet="valuation">0</td>
            <td column="O" row="42" sheet="valuation">0</td>
            <td column="P" row="42" sheet="valuation">0</td>
            <td column="Q" row="42" sheet="valuation">0</td>
            <td column="R" row="42" sheet="valuation">0</td>
            <td column="S" row="42" sheet="valuation">0</td>
            <td column="T" row="42" sheet="valuation">0</td>
            <td column="U" row="42" sheet="valuation">0</td>
            <td column="V" row="42" sheet="valuation">0</td>
            <td class="donotshow" column="W" row="42" sheet="valuation">0</td>
            <td class="donotshow" column="X" row="42" sheet="valuation">0</td>
        </tr>
        <tr row="43">
            <td column="A" row="43" sheet="valuation">+</td>
            <td column="B" row="43" sheet="valuation">D Provision</td>
            <td class="donotshow" column="C" row="43" sheet="valuation"></td>
            <td class="donotshow" column="D" row="43" sheet="valuation">0</td>
            <td class="donotshow" column="E" row="43" sheet="valuation">0</td>
            <td class="donotshow" column="F" row="43" sheet="valuation">0</td>
            <td class="donotshow" column="G" row="43" sheet="valuation">0</td>
            <td class="donotshow" column="H" row="43" sheet="valuation">0</td>
            <td class="donotshow" column="I" row="43" sheet="valuation">0</td>
            <td column="J" row="43" sheet="valuation">0</td>
            <td column="K" row="43" sheet="valuation">0</td>
            <td column="L" row="43" sheet="valuation">0</td>
            <td column="M" row="43" sheet="valuation">0</td>
            <td column="N" row="43" sheet="valuation">0</td>
            <td column="O" row="43" sheet="valuation">0</td>
            <td column="P" row="43" sheet="valuation">0</td>
            <td column="Q" row="43" sheet="valuation">0</td>
            <td column="R" row="43" sheet="valuation">0</td>
            <td column="S" row="43" sheet="valuation">0</td>
            <td column="T" row="43" sheet="valuation">0</td>
            <td column="U" row="43" sheet="valuation">0</td>
            <td column="V" row="43" sheet="valuation">0</td>
            <td class="donotshow" column="W" row="43" sheet="valuation">0</td>
            <td class="donotshow" column="X" row="43" sheet="valuation">0</td>
        </tr>
        <tr row="44">
            <td column="A" row="44" sheet="valuation">-</td>
            <td column="B" row="44" sheet="valuation">Gains /(Losses) on Assets Sold after Tax</td>
            <td class="donotshow" column="C" row="44" sheet="valuation">N/A</td>
            <td class="donotshow" column="D" row="44" sheet="valuation">N/A</td>
            <td class="donotshow" column="E" row="44" sheet="valuation">N/A</td>
            <td class="donotshow" column="F" row="44" sheet="valuation">N/A</td>
            <td class="donotshow" column="G" row="44" sheet="valuation">N/A</td>
            <td class="donotshow" column="H" row="44" sheet="valuation">N/A</td>
            <td class="donotshow" column="I" row="44" sheet="valuation">N/A</td>
            <td column="J" row="44" sheet="valuation">N/A</td>
            <td column="K" row="44" sheet="valuation">N/A</td>
            <td column="L" row="44" sheet="valuation">N/A</td>
            <td column="M" row="44" sheet="valuation">N/A</td>
            <td column="N" row="44" sheet="valuation">N/A</td>
            <td column="O" row="44" sheet="valuation">N/A</td>
            <td column="P" row="44" sheet="valuation">N/A</td>
            <td column="Q" row="44" sheet="valuation">N/A</td>
            <td column="R" row="44" sheet="valuation">N/A</td>
            <td column="S" row="44" sheet="valuation">N/A</td>
            <td column="T" row="44" sheet="valuation">N/A</td>
            <td column="U" row="44" sheet="valuation">N/A</td>
            <td column="V" row="44" sheet="valuation">N/A</td>
            <td class="donotshow" column="W" row="44" sheet="valuation">N/A</td>
            <td class="donotshow" column="X" row="44" sheet="valuation">N/A</td>
        </tr>
        <tr row="45">
            <td column="A" row="45" sheet="valuation">-</td>
            <td column="B" row="45" sheet="valuation">Extraordinary Items</td>
            <td class="donotshow" column="C" row="45" sheet="valuation">0</td>
            <td class="donotshow" column="D" row="45" sheet="valuation">0</td>
            <td class="donotshow" column="E" row="45" sheet="valuation">0</td>
            <td class="donotshow" column="F" row="45" sheet="valuation">0</td>
            <td class="donotshow" column="G" row="45" sheet="valuation">0</td>
            <td class="donotshow" column="H" row="45" sheet="valuation">0</td>
            <td class="donotshow" column="I" row="45" sheet="valuation">0</td>
            <td column="J" row="45" sheet="valuation">0</td>
            <td column="K" row="45" sheet="valuation">0</td>
            <td column="L" row="45" sheet="valuation">0</td>
            <td column="M" row="45" sheet="valuation">0</td>
            <td column="N" row="45" sheet="valuation">0</td>
            <td column="O" row="45" sheet="valuation">0</td>
            <td column="P" row="45" sheet="valuation">0</td>
            <td column="Q" row="45" sheet="valuation">0</td>
            <td column="R" row="45" sheet="valuation">0</td>
            <td column="S" row="45" sheet="valuation">0</td>
            <td column="T" row="45" sheet="valuation">0</td>
            <td column="U" row="45" sheet="valuation">0</td>
            <td column="V" row="45" sheet="valuation">0</td>
            <td class="donotshow" column="W" row="45" sheet="valuation">0</td>
            <td class="donotshow" column="X" row="45" sheet="valuation">0</td>
        </tr>
        <tr row="46">
            <td column="A" row="46" sheet="valuation">+</td>
            <td column="B" row="46" sheet="valuation">Deferred Tax</td>
            <td class="donotshow" column="C" row="46" sheet="valuation">0</td>
            <td class="donotshow" column="D" row="46" sheet="valuation">0</td>
            <td class="donotshow" column="E" row="46" sheet="valuation">0</td>
            <td class="donotshow" column="F" row="46" sheet="valuation">0</td>
            <td class="donotshow" column="G" row="46" sheet="valuation">0</td>
            <td class="donotshow" column="H" row="46" sheet="valuation">0</td>
            <td class="donotshow" column="I" row="46" sheet="valuation">0</td>
            <td column="J" row="46" sheet="valuation">0</td>
            <td column="K" row="46" sheet="valuation">0</td>
            <td column="L" row="46" sheet="valuation">0</td>
            <td column="M" row="46" sheet="valuation">0</td>
            <td column="N" row="46" sheet="valuation">0</td>
            <td column="O" row="46" sheet="valuation">0</td>
            <td column="P" row="46" sheet="valuation">0</td>
            <td column="Q" row="46" sheet="valuation">0</td>
            <td column="R" row="46" sheet="valuation">0</td>
            <td column="S" row="46" sheet="valuation">0</td>
            <td column="T" row="46" sheet="valuation">0</td>
            <td column="U" row="46" sheet="valuation">0</td>
            <td column="V" row="46" sheet="valuation">0</td>
            <td class="donotshow" column="W" row="46" sheet="valuation">0</td>
            <td class="donotshow" column="X" row="46" sheet="valuation">0</td>
        </tr>            
        <tr row="48">
            <td column="A" row="48" sheet="valuation">+</td>
            <td column="B" row="48" sheet="valuation">Change in Capitalised R &amp; D after Tax</td>
            <td class="donotshow" column="C" row="48" sheet="valuation">0</td>
            <td class="donotshow" column="D" row="48" sheet="valuation">N/A</td>
            <td class="donotshow" column="E" row="48" sheet="valuation">N/A</td>
            <td class="donotshow" column="F" row="48" sheet="valuation">N/A</td>
            <td class="donotshow" column="G" row="48" sheet="valuation">N/A</td>
            <td class="donotshow" column="H" row="48" sheet="valuation">N/A</td>
            <td class="donotshow" column="I" row="48" sheet="valuation">N/A</td>
            <td column="J" row="48" sheet="valuation">N/A</td>
            <td column="K" row="48" sheet="valuation">N/A</td>
            <td column="L" row="48" sheet="valuation">N/A</td>
            <td column="M" row="48" sheet="valuation">N/A</td>
            <td column="N" row="48" sheet="valuation">N/A</td>
            <td column="O" row="48" sheet="valuation">N/A</td>
            <td column="P" row="48" sheet="valuation">N/A</td>
            <td column="Q" row="48" sheet="valuation">0</td>
            <td column="R" row="48" sheet="valuation">0</td>
            <td column="S" row="48" sheet="valuation">0</td>
            <td column="T" row="48" sheet="valuation">0</td>
            <td column="U" row="48" sheet="valuation">0</td>
            <td column="V" row="48" sheet="valuation">0</td>
            <td class="donotshow" column="W" row="48" sheet="valuation">0</td>
            <td class="donotshow" column="X" row="48" sheet="valuation">0</td>
        </tr>
        <tr row="49">
            <td column="A" row="49" sheet="valuation">=</td>
            <td column="B" row="49" sheet="valuation">NOPAT (Financing)</td>
            <td class="donotshow" column="C" row="49" sheet="valuation">0</td>
            <td class="donotshow" column="D" row="49" sheet="valuation">0</td>
            <td class="donotshow" column="E" row="49" sheet="valuation">0</td>
            <td class="donotshow" column="F" row="49" sheet="valuation">0</td>
            <td class="donotshow" column="G" row="49" sheet="valuation">0</td>
            <td class="donotshow" column="H" row="49" sheet="valuation">0</td>
            <td class="donotshow" column="I" row="49" sheet="valuation">0</td>
            <td column="J" row="49" sheet="valuation">0</td>
            <td column="K" row="49" sheet="valuation">0</td>
            <td column="L" row="49" sheet="valuation">0</td>
            <td column="M" row="49" sheet="valuation">0</td>
            <td column="N" row="49" sheet="valuation">0</td>
            <td column="O" row="49" sheet="valuation">0</td>
            <td column="P" row="49" sheet="valuation">0</td>
            <td column="Q" row="49" sheet="valuation">0</td>
            <td column="R" row="49" sheet="valuation">0</td>
            <td column="S" row="49" sheet="valuation">0</td>
            <td column="T" row="49" sheet="valuation">0</td>
            <td column="U" row="49" sheet="valuation">0</td>
            <td column="V" row="49" sheet="valuation">0</td>
            <td class="donotshow" column="W" row="49" sheet="valuation">0</td>
            <td class="donotshow" column="X" row="49" sheet="valuation">0</td>
        </tr>
        <tr row="52">
            <td column="A" row="52" sheet="valuation">Capital</td>
            <td column="B" row="52" sheet="valuation"></td>
            <td class="donotshow" column="C" row="52" sheet="valuation"></td>
            <td class="donotshow" column="D" row="52" sheet="valuation"></td>
            <td class="donotshow" column="E" row="52" sheet="valuation"></td>
            <td class="donotshow" column="F" row="52" sheet="valuation"></td>
            <td class="donotshow" column="G" row="52" sheet="valuation"></td>
            <td class="donotshow" column="H" row="52" sheet="valuation"></td>
            <td class="donotshow" column="I" row="52" sheet="valuation"></td>
            <td column="J" row="52" sheet="valuation"></td>
            <td column="K" row="52" sheet="valuation"></td>
            <td column="L" row="52" sheet="valuation"></td>
            <td column="M" row="52" sheet="valuation"></td>
            <td column="N" row="52" sheet="valuation"></td>
            <td column="O" row="52" sheet="valuation"></td>
            <td column="P" row="52" sheet="valuation"></td>
            <td column="Q" row="52" sheet="valuation"></td>
            <td column="R" row="52" sheet="valuation"></td>
            <td column="S" row="52" sheet="valuation"></td>
            <td column="T" row="52" sheet="valuation"></td>
            <td column="U" row="52" sheet="valuation"></td>
            <td column="V" row="52" sheet="valuation"></td>
            <td class="donotshow" column="W" row="52" sheet="valuation"></td>
            <td class="donotshow" column="X" row="52" sheet="valuation"></td>
        </tr>                   
    </tbody>
</table>
4

2 回答 2

2

因为，问题只出在 Firefox 中，我想我们可以稍微作弊并使用带有前缀的 CSS 转换，-moz其他浏览器会忽略它。所以像

jQuery('.valuation td[column="A"],.valuation td[column="B"]').css({
    'left': _left,
    '-moz-transform': "translate3d(" + _left + "px,0px,0)"
});

jQuery('.valuation td[row="1"],.valuation td[row="3"]').css({
    'top': _top,
    '-moz-transform': "translate3d(0px," + _top + "px,0)"
});

//because there's only only one css property, row will overwrite column above.
//so the code below selects the case where it has both translateX and translate Y
jQuery('.valuation td[row="1"],.valuation td[row="3"]')
     .filter('.valuation td[column="A"],.valuation td[column="B"]')
     .css('-moz-transform', "translate3d(" + _left + "px," + _top + "px,0)");

例子

于 2014-05-21T03:44:18.047 回答
0

我会将标题放在表格之外，可能放在自己的表格中或使用 div。接下来将表格放在一个带有溢出的div中：auto。最重要的是，不需要 Javascript，因此性能应该会好得多。

于 2014-05-16T15:22:38.567 回答