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