datatables列内容超长处理

css示例：

.gridtitle{

　　text-overflow:ellipsis;/*超长部分以...代替*/

　　white-space: nowrap;/*文本不换行*/

　　max-width:200px;/*最大宽度*/

　　overflow: hidden;/*超长部分隐藏掉*/

　　}

datagrid初始化时列属性处理：

columns : [//对应上面thead里面的序列

　　　　　　{

　　　　　　　　"data" : 'title',

　　　　　　　　"orderable" : false,

　　　　　　　　"className":"gridtitle",

　　　　　　　　"createdCell": function (td, cellData, rowData, row, col) {

　　　　　　　　$(td).attr('title', cellData);//设置单元格title，鼠标移上去时悬浮框展示全部内容

　　　　　　　　}

　　　　　　}

　　　　]

 

原创，转发请说明出处！！！

转载于:https://www.cnblogs.com/persist-yang-1314/p/7904766.html