• 网站导航
  • 文章详情

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


留言

  • 暂无留言,快来留言吧

公告

本网站由云天阁技术支持开发,供学习方便工作,如有侵权,不适或建议,请联系发送邮件至 2776870047@qq.com ,谢谢。