html - 如何使表列可滚动并在 Angular 2 中卡住多列?

标签 html css twitter-bootstrap angular

我有一个表格,其中包含 3 列,需要始终位于左侧,列包含网格,其中每个网格元素代表一天中的一个小时,因此我需要该列可滚动。我尝试了很多建议的解决方案,但大多数都使用绝对位置,这是一个糟糕的笑话,因为当我使用它时,我失去了表格的优势,例如行高变化,那些绝对定位的不跟随。另一个问题是表格由很少的 Angular 2 组件组成,它不仅仅是普通的 html,这使得它更难。有没有比使用绝对位置更好的解决方案?

最佳答案

好吧,最后我只是采用了这个解决方案: Fix and Scrollable table structure using html div

它仍然使用绝对列和固定的宽度和边距,但只要它能工作,我就可以忍受。 Angular component elements representing row of table,我只是给了display: table-row,简单的把td标签放在里面,就不用tr了。

关于html - 如何使表列可滚动并在 Angular 2 中卡住多列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44018301/

相关文章:

html - 关于如何使用 div 的几个问题

javascript - 水平居中图像大于屏幕并在浏览器调整大小时缩小图像

html - CSS @import 导致媒体查询类不起作用

css - 将 Bootstrap 移动布局从一列更改为两列

javascript - "On shown"手动使用 Bootstrap 模式时的事件

html - Bootstrap 以缩放为中心

css - 我可以有一个具有不同父元素的 &lt;input&gt; 和 <label> 吗?

css - 当父级溢出时使子级下拉可见 :scroll

javascript - 如何在 JavaScript 中旋转跟随光标的图像?

html - @font-face 或 Web-font 哪个更可取?