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

Question

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

Answer 1

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

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