当前博客:lay-表格问题

183 次浏览【转载需注明来源】

博客作者:【1397****2515】

个性签名:寒窗苦读十年,一朝凤舞九天

引用lay-表格 不写配置方式,怎么设置表格中的单元格固定宽度,文本超过这个宽度隐藏,鼠标移入,在上方显示全部内容?

默认排序
Generic placeholder image
Generic placeholder image
已采纳
qiang Time: 2023-10-04 22:49:40

可以审查元素,查看代码结构,课程有教过,不会的话,可以简单看下,下面的博客。

网页审查元素_Red Car的博客-CSDN博客

关于设置单元格宽度,

第一种就是设置表格配置或者表头配置,这两种方式都可以给单元格设置一个宽度:

// 表格配置
[lay_表格.配置.单元格最小宽度]: 200,
// 表头配置
{
    [lay_表格.表头配置.字段]: "注册",
    [lay_表格.表头配置.宽度]: 120,
    [lay_表格.表头配置.标题]: "注册"
},

但是不写配置的话,也可以设置 css 样式达到同样的效果。

可以设置所有单元格,也可以一列一列的设置,id是表格的id

<表格 id="用户表格" lay-过滤器="用户表格"></表格>
<样式>
#用户表格 ~ .lay-表格-视图 .lay-表格-单元格 {
    宽度: 100px @样式提权;
}
</样式>
Generic placeholder image
qiang Time: 2023-10-04 01:37:06

动态表格本身有这个功能,但是需要点击才能查看,我做了一个鼠标移入的事件,可以让鼠标移入就点击展开按钮,参考以下案例。

layui动态表格-鼠标移入自动展开单元格-密码输入修改-快码编程源码下载 (fofstudio.net)

Generic placeholder image
1397****2515 回复 1楼 qiang Time: 2023-10-04 05:59:47

我做了一个溢出:滚动,(因为我的字段有几十个)所以单元格内容过多不会隐藏,我只想找不是用模板,lay固定宽度的命令,然后超过这个宽度的内容就隐藏,鼠标移入功能只是想模仿百度云MySQL里面表格的功能,主要还是,1.固定宽度,2.超过宽度隐藏

Generic placeholder image
qiang 回复 2楼 1397****2515 Time: 2023-10-04 12:47:58

不写配置,那你改css样式嘛,给单元格设置一个宽度,溢出隐藏嘛。

Generic placeholder image
1397****2515 回复 3楼 qiang Time: 2023-10-04 15:31:03

.lay-表格 元素?{

这里面单元格是用了什么元素?

}


lay-表格问题