如何在table中添加div,并随之移动？

java_augur 2018-06-10 10:17:08

做出来的效果是类似于excel,如下图，

...全文

869 2 打赏收藏举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

天际的海浪 2018-06-10

打赏
举报

回复

td设置 position: relative; div放td里，并设置 position: absolute;

简明教程 2018-06-10

打赏
举报

回复

行合并和列合并吗参考这篇 HTML 表格

根据内容语义选择标签，而非视觉效果。布局应通过CSS实现，

需求：车型配置表，移动端需要滑动，并且多项配置的表需要联动对应头部分类名称要求：左侧 title 固定 / 顶部需要吸顶效果处理方案：一开始打算使用table表格，但是发现不太好控制，后来就使用了div进行模拟了table表格。左侧title 和右侧的表格属于两部分结构。然后移动端的时候进行相对定位，控制右侧的盒子进行联动并且实现滑动效果 /* touchstart 事件 touchmove 事件 */ const ContBox = $('.div'); /* 用

在移动使用横屏表格功能，横屏后无法实现同向滚动功能，此时使用div制作table，实现容器内的滚动

div+css布局与Table布局对比

div可编辑，contenteditable=“true” 给table的单元格添加class setCellClass ({ row, column }) { return 'free-edit-td no-format-td' } 添加div的输入和粘贴事件添加div中的图片的双击事件 imageEditor () { this.$nextTick(() => { let tds = document.querySelectorAll('.fre

61,117

社区成员

60,701

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章