HTML表格寬度

Question

我有我想有

1. 垂直滾動
2. 水平滾動
3. 固定頭的HTML表格（即做不垂直滾動，但水平滾動）
4. 固定列寬度 - 即固定表佈局
5. 理想情況下，固定的第一列（如冷凍窗格）

我的研究表明，你不能在純CSS中這樣做，因爲典型的策略是爲標題創建一個標題div，然後爲表數據創建另一個div，然後使用jQuery/javascript同步滾動頭/表數據。

我已經嘗試了一些插件，居然做了一個深入瞭解這兩個

http://fixedheadertable.com/

http://www.novasoftware.com/Download/jQuery_FixedTable/JQuery_FixedTable.aspx

然而，這些插件不適合我，因爲我需要/喜歡固定列寬而不是自動調整大小。

如果任何人有解決我的問題或可以建議如何修改固定寬度的插件，將不勝感激！

希望我不要求太多！

Answer 1

我認爲，新星的jQuery fixedtable僅僅是好的，它的特點是：

• 允許一個頁面
• 的數量與固定頭水平和垂直滾動
• 支持多種HTML表和列固定色譜柱可定製
• 當鼠標懸停和滑出時，每行的背景顏色可定製

無論如何，

爲什麼不問問他們的開發者。 http://www.novasoftware.com/contactus.aspx

Answer 2

我被提出了相同的問題，並提出了一個輕量級的解決方案，以解決您的問題。我所做的是： 我的問題的解決方案是爲此在buildFixedTable： 替換var th = $(1*).appendTo(target); 隨着var th = $(2*).appendTo(target);

並補充OnRowDataBound="GridView1_RowDataBound"到網格定義 並取得保護無效處理程序，這個地方我設置列寬。

瞧！

1* = (lt)table(gt)(lt)/table(gt) 
2* = (lt)table(gt)(lt)col style=width:20%(gt)(lt)col style=width:20%(gt)(lt)col style=width:60%(gt)(lt)/table(gt) 

凡

lt = Less_than_sign gt = Greater_than_sign

可能需要您執行一些測試，但它解決了我的問題...