使用CSS/Angular JS修复了列和标题

Ash*_*ala 6 html css angularjs angularjs-directive

我无法实现以下内容:

  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方式的帮助也会有所帮助.

我还为我想做的事添加了plunker.所以我想冻结示例中的前两列.

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

小智 -2

如果您只是向其中添加更多行,thead它会按照指令的要求自动为您修复它们。

请参阅此处: http: //embed.plnkr.co/CmJBfd/preview

因此,您所要做的就是在您不希望看起来像标题的行上放置一个自定义类,并将它们设置为像行一样的样式。