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;
}
相关推荐
方安乐9 分钟前
单元测试之helper函数
前端·javascript·单元测试
音仔小瓜皮20 分钟前
【Web八股】深入理解浏览器DOM事件流,灵活控制它!
前端·web
灼灼桃花夭1 小时前
js之阳历 → 农历(含时辰)转换函数
开发语言·前端·javascript
gyx_这个杀手不太冷静1 小时前
大人工智能时代下前端界面全新开发模式的思考(三)
前端·架构·ai编程
小李子呢02111 小时前
前端八股性能优化(1)---防抖和节流
开发语言·前端·javascript
IT_陈寒2 小时前
Python多进程共享变量那个坑,我差点没爬出来
前端·人工智能·后端
ayqy贾杰2 小时前
Claude Code 重构,并行化或终结 IDE 时代
前端·javascript·面试
SuperChe3 小时前
用AI Native的方式优化前端性能
前端·算法
陈广亮3 小时前
工具指南24-在线CSS Box Shadow生成器
前端
颜酱3 小时前
智能体与工作流:从「想做一个应用」到「能跑通一条链」
前端·javascript·人工智能