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;
}
相关推荐
幼儿园技术家5 分钟前
Hydration Mismatch 原理详解:SSR 项目中最容易踩的坑
前端
June bug19 分钟前
【Vue】EACCES: permission denied 错误
前端·javascript·vue.js
陈随易20 分钟前
PostgreSQL v18发布,新增AIO uuidv7 OAuth等功能
前端·后端·程序员
一只小阿乐25 分钟前
react 中的组件性能优化
前端·javascript·react.js·react组件性能优化
柯南二号30 分钟前
【大前端】【iOS】iOS 真实项目可落地目录结构方案
前端·ios
肉清36 分钟前
linux自用命令
linux·服务器·前端
weibkreuz43 分钟前
初始React@1
前端·react.js·前端框架
Coder_Boy_1 小时前
前端和后端软件系统联调经典问题汇总
java·前端·驱动开发·微服务·状态模式
小皮虾1 小时前
别再封装 Axios 了!用 RPC 像调用本地函数一样写接口(支持 Vue/React/Node)
前端·rpc·全栈
PieroPC1 小时前
NiceGUI .classes() 完整列表教程
前端