dataTable列内容过长隐藏

简介: dataTable列内容过长隐藏


dataTable的表格中,有时内容数据过长导致表格整体溢出界面。需要把过长的内容限定在一个范围

  • 设置td的css样式
td {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    max-width: 300px;//最大宽度
}

缺点是不能看到所有数据

  • 截取数据,在title属性中显示所有数据
"columns": [
            {
                "data": 'sqlParamValue',
                "visible": true,
                "render": function (data, type, row) {
                    //数据字符超过30截取
                    if (data.length > 30) {
                        return "<span title='" + data + "' style='text-decoration: none;'>" + data.trim().substr(0, 30) + "..." + "</span>";
                    } else {
                        return data;
                    }
                }
            },
]


相关文章
|
20天前
|
Windows
两个方法教你安装Microsoft .NET Framework 3.5(含.NET 2.0和3.0)
安装软件时提示“Microsoft .NET 2.0未安装”,因该组件包含在.NET Framework 3.5中,可通过控制面板启用或从微软官网下载安装,完成后即可解决。
327 2
【Layui】子页面向父级页面传递参数
【Layui】子页面向父级页面传递参数
1365 0
【Layui】子页面向父级页面传递参数
|
Web App开发 JavaScript 前端开发
网页VUE纯前端在线预览编辑Office,支持doc/docx、xls/xlsx、ppt/pptx、pdf等格式
随着互联网技术的不断发展,越来越多的企业开始采用在线办公模式,微软Office Word 是最好用的文档编辑工具,然而doc、docx、xls、xlsx、ppt、pptx等格式的Office文档是无法直接在浏览器中直接打开的,如果可以实现Web在线预览编辑OffIce,肯定会还带来了更高效、便捷的办公体验,为我们的工作带来了更多可能性。
3466 0
|
算法 网络安全 数据安全/隐私保护
使用 openssl 生成证书
一、openssl 简介 openssl 是目前最流行的 SSL 密码库工具,其提供了一个通用、健壮、功能完备的工具套件,用以支持SSL/TLS 协议的实现。官网:https://www.openssl.
9198 0
|
前端开发 JavaScript 数据处理
JQuery 拦截请求 | Ajax 请求拦截
【10月更文挑战第4天】
594 1
|
域名解析 网络协议 前端开发
浏览器输入域名网址访问后的过程详解
1、以91处理网为例,客户端浏览器通过DNS解析到www.91chuli.com,IP地址是202.108.22.5,通过这个IP地址找到客户端到服务器的路径。客户端浏览器发起一个HTTP会话到202.108.22.5,然后通过TCP进行封装数据包,输入到网络层。
494 2
|
SQL 安全 关系型数据库
SQL错误代码1303解析与解决方案:深入理解并应对权限问题
在数据库管理和开发过程中,遇到错误代码是常见的事情,每个错误代码都代表着一种特定的问题
|
关系型数据库 MySQL
Mysql 主键冲突(ERROR 1062 (23000): Duplicate entry '1' for key 'PRIMARY')
Mysql 主键冲突(ERROR 1062 (23000): Duplicate entry '1' for key 'PRIMARY')
1931 0