【发布时间】：2019-02-23 20:16:19
【问题描述】：
最近学习了一种在数据表中使用数据属性的新方法。
以前，我会以这种方式对列进行编码（请注意字体真棒标签）：
"columns": [{
"data": "",
"fnCreatedCell": function (nTd, sData, oData, iRow, iCol)
{
$(nTd).html("<a href='#' title='Edit Account' class='modAccount'
data-voyid='"+oData.VOYID+"' data-servicename='"+oData.SERVICE_NAME+"'
data-vesselname='"+oData.VESSEL_NAME+"' data-voyage='"+oData.VOYAGE+"'
data-bound='"+oData.BOUND+"' data-cargoweek='"+oData.CARGO_WEEK+"'
data-cargoyear='"+oData.CARGO_YEAR+"' data-allocation='"+oData.ALLOCATION+"'
data-importvoyage='"+oData.IMPORT_VOYAGE+"' data-adddate='"+oData.ADD_DATE+"'
data-adduser='"+oData.ADD_USER+"' data-moddate='"+oData.MOD_DATE+"'
data-moduser='"+oData.MOD_USER+"'><i class='fa fa-edit fa-fw'> </i></a>");
},
我刚学的方法是这样的格式：
"columns": [{
"data": "",
"fnCreatedCell": function (nTd, sData, oData, iRow, iCol)
{
$('<a />', {
'href': '#',
'title': 'Edit Account',
'class': 'modAccount',
'data-voyid': oData.VOYID,
'data-servicename': oData.SERVICE_NAME,
'data-vesselname': oData.VESSEL_NAME,
'data-voyage': oData.VOYAGE,
'data-bound': oData.BOUND,
'data-cargoweek': oData.CARGO_WEEK,
'data-cargoyear': oData.CARGO_YEAR,
'data-allocation': oData.ALLOCATION,
'data-importvoyage': oData.IMPORT_VOYAGE,
'data-adddate': oData.ADD_DATE,
'data-adduser': oData.ADD_USER,
'data-moddate': oData.MOD_DATE,
'data-moduser': oData.MOD_USER,
'text': '<i class="fa fa-edit fa-fw"> </i>' <-- does not work
}).appendTo(nTd);
}
},
在第一段代码中引入字体很棒的图标没有问题。
第二段代码是我现在需要图标的地方。
如果您会在第二段代码的“文本”部分注意到，我尝试在那里拉入字体很棒的图标。但在屏幕上，我只看到代码，而不是图标。
如何解决这个问题以包含字体很棒的图标？
谢谢。
【问题讨论】：
-
哇。今天两次，你帮助了我。再次感谢您。
-
很高兴为您提供帮助。我在下面为您添加了它作为答案
标签： javascript jquery datatable font-awesome