vue基于原生table鼠标拖拽选中单元格合并拆分原理,实现柜子结构设计器
在业务中经常会遇到一些库房储物柜需求,这种需求中,我们可能会维护多个柜子,如果我们遇到的柜子是正常的3x3 、4x4这种,那么需求是简单的,但是在现实生活中,我们可能遇到的柜子是存在着部分格子占据了好几个小格子的位置,这种情况下正常的table将不是很容易满足需求。1.通过行列快速设计格子的形状2.根据现实需求对单元格进项合并3.合并之后,柜子效果4.对合并的单元格进进行拆分,还原柜格子原本的样子本组件将提供渲染方法,页面可根据自身需求,可以自行设计成任意的风格 本例子只作为展示前端在设计完成
原创
2024-04-03 14:27:12 ·
431 阅读 ·
5 评论