jQuery Datatables顯示html內容

我的頁面上有一個jQuery數據表，它使用服務器端處理來檢索數據。在這種情況下，其中一列包含HTML內容，因此我的服務器響應看起來是這樣的：jQuery Datatables顯示html內容

"aaData": [ [1, "aaa", "&lt;span class=&quot;myclass&quot;&gt;html here&lt;/span&gt;" ], ...

我tryed與

"aoColumnDefs": [ "aTargets":[2], "sType": "html" }

但我仍然看到單元格內容，就好像它是純串。我能做什麼？

來源

2012-09-07 SamuGG

製備的工作版本

"aoColumnDefs": [ 
    { "aTargets": [2], 
     "sType": "html", 
     "fnRender": function(o, val) { 
      return $("<div/>").html(o.aData[2]).text(); 
     } 
    } 
]

解碼回用jQuery的HTML。

來源

2012-09-07 18:29:32 SamuGG

var renderAsHtml = function (data, type, full) { 
return decHTMLifEnc(data); 
}; 
var isEncHTML = function(str) { 
    if(str.search(/&amp;/g) != -1 || str.search(/&lt;/g) != -1 || str.search(/&gt;/g) != -1) 
     return true; 
    else 
     return false; 
}; 

var decHTMLifEnc = function(str){ 
    if(isEncHTML(str)) 
     return str.replace(/&amp;/g, '&').replace(/&lt;/g, '<').replace(/&gt;/g, '>'); 
    return str; 
}

通過renderAsHtml作爲函數參考fnRender。這也適用

來源

2014-01-10 12:26:03 AlphaLeader

這是我如何渲染HTML標籤我的數據表列：

ajax: "getData?userobjid=<%=session.getAttribute("userobjectid")%>&alpha=&selectsuppliersflag="+selectsuppliersflag, 
columns: [ 
      { data: null, render: function (data, type, row) { 
       if(data.storeFrontUrl == 'undefined' || data.storeFrontUrl==null){ 
         return "<label>"+data.companyName+"</label>"; 
         } 
         else{ 
         return "<a href='JavaScript:newPopup(\"directorylist/view/"+data.storeFrontUrl+"\");'>"+data.companyName+"</a>"; 
        } 
        }},

來源

2015-07-14 09:52:41 madhu

我更新SamuGG的答案，新的數據表版本：

"aoColumnDefs": [ { 
        "aTargets": [ 5 ], 
        "mRender": function (data, type, full) { 
         return $("<div/>").html(data).text(); 
         } 
      } ]

來源

2016-12-22 08:42:25 Maforast

jQuery Datatables顯示html內容

回答

相關問題