2014-10-07 37 views
6

我有麻煩執行以下操作:固定柱,以頭CSS/JS角

  1. 修正數據表的頭
  2. 修復第一4/5列凍結,其餘滾動水平
  3. 的表應該是一個div是固定高度和寬度

我能夠內部修復標題,我無法實現#2。該表位於頁面的窗格內。所以我不能真正使用position:absolute來修復列以實現#2。

我試過幾個在線的例子來實現這一點,但我需要創建一個角JS指令來做到這一點。我是AngularJS的新手,但是,我試圖調整下面的例子,但沒有運氣。

https://www.pointblankdevelopment.com.au/blog/angularjs-fixed-header-scrollable-table-directive

對CSS的方式來做到這也將幫助任何幫助。

我還爲我正在嘗試做的事情添加了重拳。所以我想在示例中凍結前兩列。

http://plnkr.co/edit/iKwNrqT1Gy1oDvyK6FFN?p=preview

+0

如果您嘗試設置jsbin/jsfiddle/plunker,那將會很有幫助。 – haki 2014-10-07 12:55:43

+0

我試圖使用多個表像http://jsfiddle.net/zS7Ny/,但我不想使用2個表,因爲數據是我需要迭代兩次的單個列表。 – 2014-10-10 07:15:51

+0

你想水平滾動只應用於'特定列'? 你試過這個來自jthe的[answer](http://stackoverflow.com/a/21778035/967638)嗎? – Amarnath 2014-10-10 07:29:06

回答

-1

如果你只需要添加更多的行到thead它會自動修復它們送給你作爲指令要求做。

在這裏看到:http://embed.plnkr.co/CmJBfd/preview

因此,所有你需要做的就是把一個自定義類對你行,你不想看起來像頭和他們的風格像行。

+1

這沒有像要求的凍結列 – 2015-09-01 18:39:18