css - 如何制作具有粘性第一列的角材料表
问题描述
有没有办法使用 CSS 制作具有粘性第一列的 Angular Material?
这里准备编辑Stackblitz 代码
我试图调整这个解决方案https://jsfiddle.net/zinoui/BmLpV/但由于某些原因,第一列被从表中抛出并且它失去了样式。
<div class="zui-wrapper">
<div class="zui-scroller">
<table class="zui-table">
<thead>
<tr>
<th class="zui-sticky-col">Name</th>..........
</tr>
</thead>
<tbody>
<tr>
<td class="zui-sticky-col">DeMarcus Cousins</td>
.......
<tr>
</tbody>
</table>
</div>
</div>
.zui-scroller {
margin-left: 141px;
overflow-x: scroll;
overflow-y: visible;
padding-bottom: 5px;
width: 300px;
}
.zui-table .zui-sticky-col {
border-left: solid 1px #DDEFEF;
border-right: solid 1px #DDEFEF;
left: 0;
position: absolute;
top: auto;
width: 120px;
}
解决方案
推荐阅读
- powerbi - PowerBI DAX 中的 TOPN 未按正确顺序排列值
- docker - 将服务部署到 swarm 时创建了意外的额外容器
- c# - 从外部 .target 文件指定 AdditionalReferencePaths
- image - 这些看似随机的存储库名称在 Docker 中意味着什么?
- c# - 按 GroupBy 中的日期过滤
- azure - 无法开始马拉松-lb
- charts - 在 Google 图表直方图中更改单个数据项的颜色
- javascript - 您可以根据 vuex 状态动态更改视频吗?
- angularjs - Angularjs data-toggle = 下拉菜单不使用选择选项
- c++ - 在 C++14 中初始化唯一指针向量的正确方法