183 次浏览【转载需注明来源】
博客作者:【1397****2515】
引用lay-表格 不写配置方式,怎么设置表格中的单元格固定宽度,文本超过这个宽度隐藏,鼠标移入,在上方显示全部内容?
可以审查元素,查看代码结构,课程有教过,不会的话,可以简单看下,下面的博客。
网页审查元素_Red Car的博客-CSDN博客
关于设置单元格宽度,
第一种就是设置表格配置或者表头配置,这两种方式都可以给单元格设置一个宽度:
// 表格配置 [lay_表格.配置.单元格最小宽度]: 200, // 表头配置 { [lay_表格.表头配置.字段]: "注册", [lay_表格.表头配置.宽度]: 120, [lay_表格.表头配置.标题]: "注册" },
但是不写配置的话,也可以设置 css 样式达到同样的效果。
可以设置所有单元格,也可以一列一列的设置,id是表格的id
<表格 id="用户表格" lay-过滤器="用户表格"></表格> <样式> #用户表格 ~ .lay-表格-视图 .lay-表格-单元格 { 宽度: 100px @样式提权; } </样式>
动态表格本身有这个功能,但是需要点击才能查看,我做了一个鼠标移入的事件,可以让鼠标移入就点击展开按钮,参考以下案例。
layui动态表格-鼠标移入自动展开单元格-密码输入修改-快码编程源码下载 (fofstudio.net)
我做了一个溢出:滚动,(因为我的字段有几十个)所以单元格内容过多不会隐藏,我只想找不是用模板,lay固定宽度的命令,然后超过这个宽度的内容就隐藏,鼠标移入功能只是想模仿百度云MySQL里面表格的功能,主要还是,1.固定宽度,2.超过宽度隐藏
不写配置,那你改css样式嘛,给单元格设置一个宽度,溢出隐藏嘛。
.lay-表格 元素?{
这里面单元格是用了什么元素?
}
不能恶意举报,否则进行封号处理!
测试账号
qiang Time: 2023-10-04 22:49:40
评论ID
可以审查元素,查看代码结构,课程有教过,不会的话,可以简单看下,下面的博客。
网页审查元素_Red Car的博客-CSDN博客
关于设置单元格宽度,
第一种就是设置表格配置或者表头配置,这两种方式都可以给单元格设置一个宽度:
但是不写配置的话,也可以设置 css 样式达到同样的效果。
可以设置所有单元格,也可以一列一列的设置,id是表格的id
qiang Time: 2023-10-04 01:37:06
评论ID
动态表格本身有这个功能,但是需要点击才能查看,我做了一个鼠标移入的事件,可以让鼠标移入就点击展开按钮,参考以下案例。
layui动态表格-鼠标移入自动展开单元格-密码输入修改-快码编程源码下载 (fofstudio.net)
1397****2515 回复 1楼 qiang Time: 2023-10-04 05:59:47
评论ID
我做了一个溢出:滚动,(因为我的字段有几十个)所以单元格内容过多不会隐藏,我只想找不是用模板,lay固定宽度的命令,然后超过这个宽度的内容就隐藏,鼠标移入功能只是想模仿百度云MySQL里面表格的功能,主要还是,1.固定宽度,2.超过宽度隐藏
qiang 回复 2楼 1397****2515 Time: 2023-10-04 12:47:58
评论ID
不写配置,那你改css样式嘛,给单元格设置一个宽度,溢出隐藏嘛。
1397****2515 回复 3楼 qiang Time: 2023-10-04 15:31:03
评论ID
.lay-表格 元素?{
这里面单元格是用了什么元素?
}