设为首页收藏本站
联系我们切换到宽版

 找回密码
 立即注册
金黑»首页 › 源码编程区 › Layui教程 › layui鼠标放在表格table列表上面显示title标题 ...
返回列表 发新帖
查看: 487|回复: 0

layui鼠标放在表格table列表上面显示title标题

[复制链接]
admin

30

金豆

170

黑豆

2

精华

管理员

站长QQ：515138

主题
124
回帖
7
在线时间
76 小时
注册时间
2024-2-3
最后登录
2024-11-14
发表于 2024-8-15 19:18:17 | 显示全部楼层 |阅读模式
layui鼠标放在表格table列表上面显示title标题代码如下：
  1. function tablehs() {
  2.                 tabhs = table.render({
  3.                     elem: '#ta1currentTablehs',
  4.                     id: 'ta1currentTablehs',
  5.                     url: 'orderComplaint/uploadlist',
  6.                     height: 300,
  7.                     autoSort: false,//禁用前端自动排序，否则会与数据库返回的数据顺序不一致
  8.                     contentType: 'application/json',
  9.                     cellMinWidth: 80,
  10.                     method: 'POST',
  11.                     cols: [
  12.                         [
  13.                             {field: '序号', width: 80, title: '序号', align: 'center', type: 'numbers'},
  14.                             {field: 'dataDate', width: 180, title: '数据时间', align: 'center'},
  15.                             {field: 'fileName', title: '文件名称', align: 'center'}
  16.                         ]
  17.                     ],done:function(res){

  19.                         tdTitle();

  21.                     },
  22.                     limits: [10, 15, 20],
  23.                     page: true,
  24.                 });
  25.             }
  26.             //给列表文字添加title
  27.             function tdTitle(){
  28.                 $('th').each(function(index,element){
  29.                     $(element).attr('title',$(element).text());
  30.                 });
  31.                 $('td').each(function(index,element){
  32.                     $(element).attr('title',$(element).text());
  33.                 });
  34.             };
复制代码
layui教程, layui表格

相关帖子
回复

举报

返回列表 发新帖

QQ|网站地图|Archiver|手机版|金黑 ( 粤ICP备2021124338号 )

网站建设，微信公众号小程序制作，商城系统开发，高端系统定制，app软件开发，智能物联网开发，直播带货系统等

Powered by Www.Jinhei.Cn

Copyright © 2013-2024 深圳市金黑网络技术有限公司 版权所有

快速回复 返回顶部 返回列表