工作日志 2020 年 2 月 27 日
第1工时
调整TABLE的样式
第2工时
调整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;
}
}第3工时
对TABLE控件 BOOTSTRAP部分的卸除
BOOTSTRAP是好东西 但为什么要分3 和4呢 还自己和自己打架
第4工时
表格斑马色
之前靠 :nth-child () 来解决
现用 跟随TR 的CLASS 解决
第5工时
增加一个钩子函数,可以根据行值行数增加若干CLASS
主要作用是 使行根据数值变色
固定表头的功能调整 , 样式缺陷调整
第6工时
改了旧的框架一个 全选的功能 ,新的应该也有
增加个方法 用于计算固定表头的高度
第7工时
更改表格结构 以备后续功能
第8工时
| 参数 | 类 | 效果 |
|---|---|---|
| hover | table--enable-row-hover/table--enable-row-transition | 浮动 |
| border | table--border | 边框 |
| stripe | table--striped | 斑马线 |
| height | table--scrollable-y | 上下 |
第9工时
固定表头调整完毕,准备调整固定列
第10工时
修改固定列,各种表头高度计算,左右表头拼接
第11工时
修改固定列,补丁块得添加 ,高度计算
还剩 滚动事件,按钮点击事件,单选/多选框
分页还没迁移,优先分页
收工
原文地址：https://www.cnblogs.com/sirenvoid/p/12375402.html
时间： 2024-11-02 21:04:43