标签:lin hover ble 表格 height 滚动事件 rap 功能 效果
调整TABLE的样式
调整TABLE的样式
CSS中 ~ 的用法 很省事. 之前每个dom都得用 js 加类 现在只需要给一个dom加类,让他去管理之后的dom
.table__body-wrapper {
&.is-scrolling-left ~ .table__fixed,
&.is-scrolling-none ~ .table__fixed,
&.is-scrolling-none ~ .table__fixed-right,
&.is-scrolling-right ~ .table__fixed-right {
box-shadow: none;
}
}
对TABLE控件 BOOTSTRAP部分的卸除
BOOTSTRAP是好东西 但为什么要分3 和4呢 还自己和自己打架
表格斑马色
之前靠 :nth-child () 来解决
现用 跟随TR 的CLASS 解决
增加一个钩子函数,可以根据行值行数增加若干CLASS
主要作用是 使行根据数值变色
固定表头的功能调整 , 样式缺陷调整
改了旧的框架一个 全选的功能 ,新的应该也有
增加个方法 用于计算固定表头的高度
更改表格结构 以备后续功能
参数 | 类 | 效果 |
---|---|---|
hover | table--enable-row-hover/table--enable-row-transition | 浮动 |
border | table--border | 边框 |
stripe | table--striped | 斑马线 |
height | table--scrollable-y | 上下 |
固定表头调整完毕,准备调整固定列
修改固定列,各种表头高度计算,左右表头拼接
修改固定列,补丁块得添加 ,高度计算
还剩 滚动事件,按钮点击事件,单选/多选框
分页还没迁移,优先分页
收工
标签:lin hover ble 表格 height 滚动事件 rap 功能 效果
原文地址:https://www.cnblogs.com/sirenvoid/p/12375402.html