數據表添加字體真棒圖標，而不是列名的

Question

我在新的數據表，我有一個簡單的數據表爲其我試圖用render例如，可以添加的，而不是一個列標題字體真棒fa-info-circle圖像：

table = $("#datatable-buttons").DataTable({ 
      data: document.pvm.tableContent(), 
      columns: [ 
      { data: "Info", render: function (data, type, full, meta) { if (type === 'display') return '<span style="font-size:75%" class="fa fa-info-circle"></span>' } }, 
      { data: "WiFi", title: "WiFi" }, 
      { data: "GPS", title: "GPS" }, 
      ], 
      fixedHeader: true, 
      dom: "lfBrtip", 
      buttons: [ 
       { 
        extend: "copy", 
        className: "btn-sm" 
       }, 
       { 
        extend: "csv", 
        className: "btn-sm", 
        filename: "DeviceMnag" 
       }, 
       { 
        extend: "excel", 
        className: "btn-sm", 
        filename: "DeviceMnag" 
       }, 
       { 
        extend: "pdfHtml5", 
        className: "btn-sm", 
        filename: "DeviceMnag" 
       }, 
       { 
        extend: "print", 
        className: "btn-sm" 
       }, 
      ], 
     }); 

但似乎我的圖標，而不是隻在Info列的標題，沒有圖標在標題，但在數據列而不是正確的數據。是否可以爲標題中的一個字段添加一個圖標？

Answer 1

我相信當你說「列標題」你的意思是標題？ render()是渲染列數據，您將通過title屬性欄標題：

var table = $('#example').DataTable({ 
    columnDefs: [{ 
    targets: 0, 
    data: '0', //just use DOM 
    title: '<i class="fa fa-info-circle fa-lg"></i>' 
    }]  
}) 

演示 - >http://jsfiddle.net/6kp3tvpb/

title可以是功能以及：

title: function() { 
    return '<i class="fa fa-info-circle fa-lg"></i>' 
} 

但請注意，此回調僅稱爲一次。