html表固定行和列時，表中包含不同的colSpans和rowSpans

Questions約爲fixed headers and columns很豐富，以及css/javascript/jQuery解決方案。
不幸的是，none的solutions work當我有不同的colSpan S和rowSpan個表;html表固定行和列時，表中包含不同的colSpans和rowSpans

所以，讓我們這個表，例如：

<table > 
    <thead> 
     <tr > 
      <td rowspan="2" class="row-header">[Product.Color]</td><td rowspan="2" class="row-header">[Product.SizeUnitMeasureCode]</td><td >False</td><td >True</td> 
     </tr><tr> 
      <td >True</td><td >True</td> 
     </tr> 
    </thead><tbody> 
     <tr> 
      <td rowspan="2" class="row-header">Blue</td><td class="row-header"></td><td >225.49</td><td ></td> 
     </tr><tr> 
      <td class="row-header">CM </td><td ></td><td >23790.17</td> 
     </tr><tr> 
      <td class="row-header">Grey</td><td class="row-header"></td><td >125</td><td ></td> 
     </tr><tr> 
      <td class="row-header">Multi</td><td class="row-header"></td><td >478.92</td><td ></td> 
     </tr><tr> 
      <td rowspan="2" class="row-header">Yellow</td><td class="row-header"></td><td >215.96</td><td ></td> 
     </tr><tr> 
      <td class="row-header">CM </td><td ></td><td >34311.33</td> 
     </tr> 
    </tbody> 
</table>

（fiddle）（其生成以下內容： enter image description here ）

（是的，你可能已經注意到，我說的一個數據透視表在這裏:)）。

我想爲列標題部分（灰色背景）保持在適當位置時，表中的內容被垂直滾動，而對於行標題部分（紅色文本）垂直滾動時保持在適當位置。

有什麼想法？（任何CSS/jQuery的/ JavaScript的解決方案將被接受:)）

來源

2013-12-12 J. Ed

谷歌的jQuery的滾動表「，因爲有很多選擇。 – jeff

@jeff很明顯，我已經做到了。正如你可以在這個問題的第一句中看到的一樣，我還沒有發現任何符合我所有要求的東西（一些插件也被鏈接到了） –

@sJhonny'colSpan'和'rowSpan'使得它更難對齊和定位表（頁眉/列）的固定部，因爲有大量的定位固定部時可能折斷的計算組合。我的代碼的第一個版本必須與'colSpan'對準的能力，但它試圖外出時不同的情景出現了一些問題。 http://jsfiddle.net/rCuPf/7/ –

我試圖與位置：固定爲您THEAD和它的作品，但：

我需要2個表，因爲你的TBODY結構不與其他職位相同：只有固定。所以我做了第一隻表THEAD固定，並在謝勝利表我有同樣的頭沒有固定以獲得相同的TBODY結構。

我無法解決的問題是，固定的thead不像tbody那樣寬度相同。

<thead style="position:fixed;"here is fiddle

來源

2013-12-12 13:31:57 DJmRek

我想到像[secoundthead]不透明度：0;以及將第一個表格的寬度設置爲2.表格的值的js – DJmRek

html表固定行和列時，表中包含不同的colSpans和rowSpans

回答

相關問題