2014-10-07 41 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