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,鼠標移上去時懸浮框展示全部內容
        }
      }
    ]
 
原創,轉發請說明出處!!!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM