html原生表格,实现左侧列固定

css类实现

css 复制代码
tr:nth-child(even) {
    background-color: rgb(248, 247, 246);
}
tr:nth-child(odd) {
    background-color: #fff;
}
.dm_d1 {
    min-width: 0.2rem;
    position: sticky;
    left: 0;
    background: inherit;
}
.dm_d2 {
    width: 6vw;
    position: sticky;
    left: 2.25vw;
    background: inherit;
}
.dm_d3 {
    width: 3vw;
    position: sticky;
    left: 8.2vw;
    background: inherit;
}
.dm_d4 {
    width: 18vw;
    position: sticky;
    left: 11.2vw;
    background: inherit;
}
.dm_d5 {
    width: 4vw;
    position: sticky;
    left: 29.2vw;
    background: inherit;
}
相关推荐
console.log('npc')3 分钟前
vue2中子组件父组件的修改参数
开发语言·前端·javascript
奋斗吧程序媛22 分钟前
vue3 Study(1)
前端·javascript·vue.js
@Autowire24 分钟前
Layout-position
前端·css
QQ129584550426 分钟前
ThingsBoard - APP首页修改为手工选择组织
前端·javascript·物联网·iot
whyfail27 分钟前
前端数据存储新选择:IndexedDB与Dexie.js技术指南
前端·javascript·数据库
椰果uu28 分钟前
vue-virtual-scroller-虚拟滚动列表:渲染不定高度长列表+可控跳转
前端·javascript·typescript·vue
Kagol35 分钟前
深入浅出 TinyEditor 富文本编辑器系列之一:TinyEditor 是什么
前端·typescript·开源
空城雀39 分钟前
python精通连续剧第一集:简单计算器
服务器·前端·python
不务正业的前端学徒1 小时前
手写简单的call bind apply
前端
jump_jump1 小时前
Ripple:一个现代的响应式 UI 框架
前端·javascript·前端框架