2020年12月_wh_xia_jun

12月 11月 05月 04月 01月

原创用react 构建电子表格（6）--改变单元格大小

前面我们已经通过数据控制了样式，后面马上y还有4件要搞。改变单元格大小（宽度、高度），我们先考虑宽度。合并单元格编译单元格数据表格上应用公式改变单元格大小和table布局有点关系 fix布局可以在col属性上设置，但colgropup、col 使用需要谨慎，因为它的很多属性H5不支持！tableLayout 属性用来显示表格单元格、行、列的算法规则。我们用fixed宽度涉及表格宽度？行宽度？th 宽度？td宽度？前2个我们好像没设置啊1、首先去掉这4个元素上所有的wid.

2020-12-12 08:23:54 756

原创用react 构建电子表格（6）--父组件调用子组件

范围选择：先点击选择一个单元格，再按Ctrl键点击另外一个单元格，我们认为是范围选择动作。而且这2个动作必须是顺序且连续的。点击的第一个单元格，记录在SelectCell1属性当中；顺序？搞个属性，记录动作类型即可。//table.js//处理单元格选择主要是改变相关样式数据 handleCellSelect = (e,i,j) => { if(e.ctrlKey){ // 按下ctrl key 不用重新 if(this

2020-12-04 22:37:19 389

原创用react 构建电子表格（5）--给数据插上时间的翅膀

使用react,我一直想：数据控制样式而不是相反。定位问题：table 容器定义一个position：relative后面的元素如果需要绝对定位的时候都相对于这个定位。长度单位：采取pt,这个绝对单位，猜测绝对单位也许对今后要搞的打印有好处？数据的处理：如何表现被选择的单元格：前面提到：1、搞个边框线，把选择的单元格框起来，这样做的问题好处是对表格没啥侵入性，缺陷是略复杂，因为要获取选择的单元个的位置信息（坐标信息），再搞线的定位。2、修改选择单元格的样式如修改相关单元格的边.

2020-12-02 17:34:58 644 3