塞壬的欢歌

导航

工作日志 2020-02-27

工作日志 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工时

修改固定列,补丁块得添加 ,高度计算

还剩 滚动事件,按钮点击事件,单选/多选框

分页还没迁移,优先分页

收工

posted on 2020-02-28 00:21  塞壬无欢歌  阅读(161)  评论(0编辑  收藏  举报