Javascript 在fnCreatedCell中使用字体awesome
最近学习了一种在数据表中使用数据属性的新方法 在此之前,我将以这种方式对列进行编码(请注意字体标记):Javascript 在fnCreatedCell中使用字体awesome,javascript,jquery,datatable,font-awesome,Javascript,Jquery,Datatable,Font Awesome,最近学习了一种在数据表中使用数据属性的新方法 在此之前,我将以这种方式对列进行编码(请注意字体标记): “列”:[{ “数据”:“, “fnCreatedCell”:功能(nTd、sData、oData、iRow、iCol) { $(nTd).html(“”); }, 我刚学到的方法如下: "columns": [{ "data": "", "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
“列”:[{
“数据”:“,
“fnCreatedCell”:功能(nTd、sData、oData、iRow、iCol)
{
$(nTd).html(“”);
},
我刚学到的方法如下:
"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);
}
},
“列”:[{
“数据”:“,
“fnCreatedCell”:功能(nTd、sData、oData、iRow、iCol)
{
$('', {
“href”:“#”,
“标题”:“编辑帐户”,
'class':'modAccount',
“数据voyid”:oData.voyid,
“数据服务名称”:oData.SERVICE\u名称,
“数据容器名称”:oData.VESSEL\u名称,
“数据航行”:oData.voyage,
“数据绑定”:oData.bound,
“数据货物周”:oData.CARGO\u周,
“数据货物年”:oData.CARGO\u年,
“数据分配”:oData.allocation,
“数据导入屋”:oData.IMPORT\u,
“数据添加日期”:oData.ADD\u日期,
“数据添加用户”:oData.ADD\u用户,
“数据修改日期”:oData.MOD_日期,
“数据moduser”:oData.MOD_用户,
“text”:“您正在添加HTML,因此将字符串提供给HTML
属性,而不是对象初始化器中的text
:
'html': '<i class="fa fa-edit fa-fw"> </i>'
“html”:“
Wow。今天你帮了我两次。再次感谢你。很高兴能帮上忙。我在下面为你添加了答案
'html': '<i class="fa fa-edit fa-fw"> </i>'