在layui 中表格单元格中插入下拉框

最新推荐文章于 2024-05-16 06:16:29 发布

MrLiber

最新推荐文章于 2024-05-16 06:16:29 发布

阅读量2.7w

点赞数 5

分类专栏： layui 文章标签： layui 表格加下拉框

本文链接：https://blog.csdn.net/MrLiber/article/details/83272934

版权

这个实现采用了layui 社区一位大神的代码，在此感谢大神的分享，我自己做个记录，也给使用layui 的小伙伴们做一个分享。
思路是这样的

可以使用自定义模板返回select节点然后在done回调中form.render(‘select’);然后还有一个需要注意的是默认td 超出是不显示的，所以你会发现form渲染之后select出来了，但是点击下拉的菜单会看不到，需要处理一下。

代码也贴出来

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="js/layui/src/css/layui.css" media="all">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
 
<button class="layui-btn

最低0.47元/天解锁文章

MrLiber

关注

5
点赞
踩
21

收藏

觉得还不错? 一键收藏
16
评论
在layui 中表格单元格中插入下拉框

这个实现采用了layui 社区一位大神的代码，在此感谢大神的分享，我自己做个记录，也给使用layui 的小伙伴们做一个分享。思路是这样的可以使用自定义模板返回select节点然后在done回调中form.render(‘select’);然后还有一个需要注意的是默认td 超出是不显示的，所以你会发现form渲染之后select出来了，但是点击下拉的菜单会看不到，需要处理一下。代码也贴出来...
复制链接

扫一扫