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内容

回答

相关问题