Comment afficher les images dans datatable?

Question

Comment afficher une image au lieu d'une valeur bool dans une cellule dans datatable? Le datatable est associé à une source de données.

Answer 1

Vous pouvez placer du code HTML dans vos cellules en utilisant une fonction personnalisée formatter. Votre définition de la colonne pourrait ressembler à ceci:

var myColumnSet = [ 
    { 
     key: 'active_employee', 
     label: 'Active', 
     formatter: function(el, oRecord, oColumn, oData) { 
      // el is the HTMLElement of the current cell 
      // oRecord gives you access to other fields from the 
      // DataSource, e.g.: oRecord.getData('full_name') 
      // oData is the value of the current field (active_employee) 

      if (oData) { 
       el.innerHTML = '<img src="/images/active.png">'; 
      } else { 
       el.innerHTML = '<img src="/images/not-active.png">'; 
      } 
     } 
    }, 
    // other Columns.... 
]; 

Voir aussi la Custom Cell Formatting example.