前言：请查看该文章实现的效果 https://www.jianshu.com/p/22536ed33546
即不仅可以通过拖动黄色来增加列宽，滑动红色框区域也可以增加列宽，显然这不是我们想要的结果。（第一次发现还觉得很神奇，但是玩多了感觉很奇怪，这是为啥呢？头疼中......)
效果图
看起来一头雾水，这种情况为啥出现？难道我哪里做的不对吗？该绑定的事件绑定了啊？
仔细看下源码，绑定事件如下
<th @mousemove="handleMouseMove" @mouseout="handleMouseOut" @mousedown="handleMouseDown">xxx</th>
调试器的 Element 如下：
可以知道我们这个是仿照element-ui进行修改的，查看下 element-ui中的，发现人家 th 里面包了一层 div.cell 层
div.cell
相应进行对应代码修改即可。
问题： 1、滑块大小： 滑块大小不能改变，但是能通过设置图片改变 2、不能滑动，滑动没反应 需要设置宽高！：宽度不...
表格 表格：table、caption、tr、th、 td、border、width等 作用：用于表格、行、列、宽...
1、批量处理行高、列宽 选择要处理的所有行和列，改变一行或一列的行高或列宽即可使所有的行和列变成相同的行高、列宽。...
1.改变body的背景颜色 2.导航条 3.购物车 tr表示行 td表示列 th可以加粗显示 跨列colspan ...
设置列宽 ABCDEFG8121055828 如何设置列宽 鼠标到A - 右击 - 列宽 如何处理快速统一...
1.改变body的背景颜色 2.导航条 3.购物车 tr表示行 td表示列 th可以加粗显示 跨列colspan...
首先说明：
内容：view基础、view滑动、弹性滑动、横纵滑动冲突 view基础 获取view的宽高：width = rig...
一列布局 一列水平居中 一列垂直居中 两列布局 左定宽右自适应 左自适应右定宽 三列布局 左右定宽中间自适应 左右...
常见的布局方式 常见的布局这么几种单列水平居中布局, 一列定宽一列自适应布局, 两列定宽一列自适应布局, 两侧定宽...
本文标题：th 随意滑动都可以改变列宽的问题
本文链接：https://www.haomeiwen.com/subject/lgzksdtx.html
网友评论