Datables行样式超出解决

问题有一段时间了,之前遇到的问题就是字段很长,然后渲染到表格里,列长度会被无限拉长,尤其是当你的字段特别长的情况下,那么整个列会被无限拉长,丑的要死.

解决方法就是重新渲染一下,添加自定义的样式.

{
 "data": "name",
 orderable: false,
 "render": function (data, type, full, meta) {
  //设置宽度为200px,当字符串长度过大时,自动变成省略号,追加悬停显示完整信息
  var transStr = '<div class="shortStr" style="text-overflow: ellipsis;' +
   'white-space: nowrap;' +
   'overflow: hidden; ' +
   'width: 200px;"' +
   'title=' + data + '>' + data + '</div>';
  return transStr;
 },
},

选取了某一列的具体代码,注意render的属性列,进行重新渲染,在表格里追加样式.