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;
                    }
                }
            },
]


相关文章
|
23天前
|
C#
C# DataTable不能通过已删除的行访问该行的信息
C# DataTable不能通过已删除的行访问该行的信息
|
6月前
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
155 0
|
23天前
用dragstart、drag、dragend、dragover、drop、dragleave实现针对表格列的顺序进行拖拽排序(附带实现选择某几列数据显示或隐藏)
用dragstart、drag、dragend、dragover、drop、dragleave实现针对表格列的顺序进行拖拽排序(附带实现选择某几列数据显示或隐藏)
|
10月前
EXCEL导入程序中(针对excel单元格合并等导致的一行多条数据重复解决办法)
EXCEL导入程序中(针对excel单元格合并等导致的一行多条数据重复解决办法)
103 0
DataTable 修改列名 删除列 调整列顺序
DataTable 修改列名 删除列 调整列顺序
167 0
|
C#
C# 操作Word文本框——插入表格/读取表格/删除表格
在文本框中,我们可以操作很多元素,如文本、图片、表格等,在本篇文章中将着重介绍如何插入表格到文本框,插入的表格我们可以对表格进行格式化操作来丰富表格内容。此外,对于文本框中的表格内容,我们也可以根据需要来读取表格或者删除表格。
1435 0
select标签动态获取数据时如何控制下拉框长度
队列ID panelHeight="100" 设置下拉框的长度,panelHeight="auto"为自动匹配大小。
2482 0