フォントの使用-fnCreatedCellで素晴らしい

最近、データテーブル内でデータ属性を使用する新しい方法を学びました。

以前は、この方法で列をコーディングしていました（font-awesomeタグに注意してください）。

 "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);
     }
   },

最初のコードでfont-awesomeアイコンを取り込むのに問題はありませんでした。

2番目のコードは、アイコンが必要な場所です。

2番目のコードの「テキスト」セクションに気付くと思いますが、私はそこにフォント素晴らしいアイコンを引き込もうとしました。しかし、画面にはコードのみが表示され、アイコンは表示されません。

これを修正して、font-awesomeアイコンを含めるにはどうすればよいですか？

ありがとうございました。