gpt4 book ai didi

html - 使用 CSS/Angular JS 固定列和标题

转载 作者:太空狗 更新时间:2023-10-29 15:20:05 25 4
gpt4 key购买 nike

我在执行以下操作时遇到了问题:

  1. Fix the header of the table
  2. Fix first 4/5 columns to freeze and the rest to scroll horizontally
  3. The table should be inside a div which is of fixed height and width

我能够修复 header ,但无法实现 #2。该表位于页面上的 Pane 内。所以我不能真正使用 position:absolute 来修复列以实现#2。

我尝试了几个在线示例来实现这一点,但我需要创建一个 Angular JS 指令来执行此操作。我是 AngularJS 的新手,但是,我尝试调整下面的示例但没有成功。

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

任何有关 CSS 方法的帮助都会有所帮助。

我还为我正在尝试做的事情添加了 plunker。所以我想卡住示例中的前 2 列。

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

最佳答案

如果您只是向 thead 添加更多行,它会在指令调用时自动为您修复它们。

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

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

关于html - 使用 CSS/Angular JS 固定列和标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26235722/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com