layui 表格数据当操作行移动端点击时没有反应
最近使用layui admin做后台,发现layui表格数据操作省略号时点击无效。
问题:
主要问题是在移动端,在屏幕宽度不够展示操作项时,会把操作项隐藏起来显示更多,但点击更多之后点击隐藏的操作项时,点击事件无效。
解决办法:
看了很多解决文章,但没有看到好的方式。
但知道问题,肯定会有解决方案。
目前的解决办法是,给操作项加最小宽度,不让显示更多出来。
比如这里我有两个操作项:
<!-- 假设下述为 templet 对应的模板,其中 lay-event="" 是获取「单元格工具事件」的关键所在,值可随意定义 --> <script type="text/html" id="table_event"> <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a> <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a> </script>
JavaScript渲染
{fixed: 'right', title:'操作', minWidth: 200, toolbar: '#table_event'}
核心是这个 给最小宽度200,具体的看自己本身的操作多少个占用的宽度,自己看着给
minWidth: 200