Как поставить HTML-элемент в додзё заголовке dgrid таблицы

Question

Я хочу разместить гиперссылку в <th> из додзё dgrid таблицы, но это не представляется возможным, когда я попытался это декларативный

<thead> 
    <tr> 
     <th data-dgrid-column="{ field:'AVAILABLE_BALANCE',resizable:true}">Available 
           Balance<a href="#">click</a> 
     </th> 
    </tr> 
</thead> 

он показывает, как

Available Balance <a href="#">click</a> 

Как это сделать

Answer 1

Вы можете использовать столбец renderHeaderCell сделать этого добиться.

с использованием HTML для сетки способом

<thead> 
    <tr> 
    <th data-dgrid-column="{ field:'AVAILABLE_BALANCE',resizable:true, 
     renderHeaderCell:customRenderHeaderCell}"> 
    </th> 
    </tr> 
</thead> 

JavaScript:

function customRenderHeaderCell(node){ 
    var div = document.createElement("div"); 
    div.innerHTML = "Available Balance<a href='#'>click</a>"; 
    return div; 
} 

используя программный способ

require([ 'dgrid/Grid' ], function (Grid) { 
    var columns = { 
     first: { 
      label: "First Name" 
     }, 
     last: { 
      label: "Last Name" 
     }, 
     balance: { 
      field: 'AVAILABLE_BALANCE', 
      resizable: true, 
      renderHeaderCell: function(node){ 
       var div = document.createElement("div"); 
       div.innerHTML = "Available Balance<a href='#'>click</a>"; 
       return div; 
      } 
     } 
    }; 
    var grid = new Grid({ columns: columns }, 'grid'); 
    grid.renderArray(arrayOfData); 
});