html表格中的凍結字段

我花了整整一天的時間來研究這個問題，最後決定尋求幫助。html表格中的凍結字段

這看起來像一個非常類似的問題在這裏很多，但沒有一個接受的答案接近我所需要的。如果我錯了，我會很感激一個方向正確的指針。

我的問題是，我有一個20行（最大）和18列的表。這些列有各種內容類型 - 文本，選項，單選按鈕...

表的寬度比可以顯示的大得多，因此需要水平滾動。我需要前4列始終可見，其餘14列滾動。

一個額外的問題是，該表的最終用戶將在iFrame中查看它，其中，我無法控制尺寸。

我已經找到了一些代碼，遺憾的是不適合的，片： www.shrutigupta.com/index.php/2005/12/12/how-to-create-table-with-first-column-frozen/ （行不排隊好）

acatalept.com/common/test/fixed-table.html （是最好的，我可以告訴大家，是3個表格）

而且，一個長相最有希望但沒有代碼： apex.oracle.com/pls/otn/f?p=11630:2:1883191096360711

在所有情況下，如果調整窗口大小使其高度小於表格高度，則必須將窗口滾動至底部才能找到滾動條來水平滾動表格。

我們真正需要的，那我們真的可以使用的唯一的事情是完全在所採用的方法： www.google.com/squared/search?q=world+leaders 如果調整此頁面上的窗口，滾動條將顯示在底部，僅用於需要它的列。

請幫忙，這個項目讓我生氣！溢出

來源

2010-10-06 Colin

如果可以確保滾動條總是在窗口底部而不是在桌子底部可見，這應該起作用。有人讀過這篇文章，知道如何做到這一點，你能解釋一下/指向我的教程或其他可能有用的信息嗎？ – Colin 2010-10-08 10:10:49

使用CSS滾動爲其有史以來列需要滾動和其他被隱藏

儘量把表或TDS內的div和應用樣式溢出

來源

2010-10-06 19:45:22 zod

這就是其中一個例子，並且不起作用。雖然 – Colin 2010-10-08 08:28:50

<table width="100%"> 
<tr> 
<td id="200px">some fixed content</td> 
<td> 
     <table> 
      create rows and table inside this table 
     </table> 
</td> 
</tr> 

</table>

來源

2010-10-06 19:51:56

謝謝你的努力，但這並不真正接近我所需要的。 – Colin 2010-10-08 08:28:10

告訴我們一些代碼，以便我可以幫助你。 – 2010-10-09 07:42:46

DataTables現支持ColVis，它允許您顯示/隱藏列以及固定標題/固定列。這不是你一直在尋找的滾動，但可能是你的問題更優雅的解決方案。通過處理大量數據，您還可以利用排序，篩選和分頁功能，使最終用戶更容易使用。

來源

2010-10-06 22:08:51 bpeterson76

其他所有事情，如分頁，排序和過濾器都已經迎合了。但謝謝你爲我進行調查。 – Colin 2010-10-08 08:30:13

html表格中的凍結字段

回答

相關問題