工作日志 2020-02-28

工作日志 2020 年 2 月 28 日

第1工时

TABLE 的行单选点击事件

第2工时

TABLE的 行多选事件

第3工时

Page样式调整

第4工时

Page功能调整,发现 SELECT 有 选中的BUG...

第5工时

Page功能调整

第6工时

Page完成测试中,

第7工时

Table滚动事件BUG,横竖线对不齐,表头间歇性消失

第8工时

出现滚动事件后 组件的样式改变

部件	宽度	高度	底	头	右
外层	100%	250
主头表1	1050
主体		202
主体表2	1033
左	150		17
左头表3	1033
左体		185		48
左体表4	1033
右	120		17		17
右头表5	1033
右体		185		48
右体表6	1033
右表补丁	17	48
主头宽补丁	17
主头行补丁	17

总结:

• 高度过高时 5个表 影响宽度 -17
• 高度过高时 右空17
• 高度过高时 右表补丁 高1头高 宽17
• 宽度过宽时 左右 底部抬高 17
• 宽度过宽时 外层总高,主体总高-头高,左右体再-17
• 左右体 下压 1头高

第9工时

完成了 TABLE 高度修正,果然理顺了之后发现之前都是错了.

高度不够改宽,宽度不够改高 绕啊

第10工时

滚动同步完成,比之前简单很多很多.

修改一些细节.比如 滚动到两边时的 效果

第11工时

一个历史遗留问题: 宽度不够时 平展所有空位会出现 格错位为题

主要原因 col gutter 标签用于补右侧滚动条的17宽度.

col特性 再平均分后 他的宽度变成 17份. 宽度不再等于17,造成错位. 下面th gutter 宽度不管多少都会被其管辖.

刚刚发现,将他隐藏width=0, 下面th gutter 宽度变成'' 破坏width属性 就可以.

原因可能是,th是不再被col管辖 的自由标签.

<table>
    <colgroup>
        <col width="80">
        <col width="80">
        <col name="gutter" width="17">
    </colgroup>
    <thead class="has-gutter">
      	<tr>
            <th colspan="1" rowspan="1" name="order" class="is-leaf">
                <div class="cell">序号</div>
            </th>
            <th colspan="1" rowspan="1" name="fdzt" class="is-leaf">
                <div class="cell">辅导主题</div>
            </th>
            <th class="gutter" style="width: 17px;"></th>
      	</tr>
    </thead>
</table>