uni-table 固定表头
本方法是 , 具体表格内容多高自己设置; 至于可能造成的表头与内容宽度不一致, 则自己为每一列设置宽度; 内容全部挤在第一列的话, 则需注意插槽问题, 用一个大标签,将表头和内容一起包裹起来
<uni-table border stripe emptyText="暂无更多数据">
<view style="">
<uni-tr>
<uni-th width="100" align="center">日期</uni-th>
<uni-th width="100" align="center">姓名</uni-th>
<uni-th width="100" align="left">地址</uni-th>
<uni-th width="100" align="left">地址</uni-th>
<uni-th width="100" align="left">地址</uni-th>
</uni-tr>
<uni-tbody style="height: 50vh;overflow: auto;">
<uni-tr>
<uni-td width="100">2020-10-20</uni-td>
<uni-td width="100">Jeson</uni-td>
<uni-td width="100">北京市海淀区</uni-td>
<uni-td width="100">北京市海淀区</uni-td>
<uni-td width="100">北京市海淀区</uni-td>
</uni-tr>
</uni-tbody>
</view>
</uni-table>
至于将第一列固定的方法, 本想通过粘性布局的方式 固定, 但由于其父滚动元素设置了 overflow: auto, 导致粘性布局失效
.fixed {
position: sticky;
left: 0;
z-index: 1;
background-color: #fff;
}