jquery datatable column для изображений

Question

Я использую php для генерации массива, и JSON кодирует его, повторяя его обратно в javascript для рендеринга.

JS не длинный выстрел, и я нашел несколько примеров, но для меня это не имеет смысла.

Уверенный, что копейка упадет в определенном направлении, и я уверен, что это легко, когда я это вижу.

$(document).ready(function() { 
      var dataTable = $('#result-grid').DataTable({ 
       "processing": true, 
       "serverSide": true, 
       "ajax":{ 
        url :"searchdata.php", // json datasource 
        type: "post", // method , by default get 
        error: function(){ // error handling 
         $(".result-grid-error").html(""); 
         $("#result-grid").append('<tbody class="result-grid-error"><tr><th colspan="3">No data found in the server</th></tr></tbody>'); 
         $("#result-grid_processing").css("display","none"); 

        } 
       } 
      }); 

Массив приходит из с первым столбцом как URL к изображению для цвета остальных столбцами являются версиями этого цвета.

Так как я могу сделать это так, чтобы первый столбец отображал URL-адрес, как изображение, заданное из массива.

Array 
(
[0] => Array 
    (
     [0] => http://red.jpg 
     [1] => version 1 
     [2] => version 2 
     [3] => version 3 
     [4] => version 4 
    ) 

[1] => Array 
    (
     [0] => http://silver.jpg 
     [1] => version 1 
     [2] => version 2 
     [3] => version 3 
     [4] => version 4 
    ) 

) 

Я прочитал множество страниц, но они не имеют для меня полного смысла. Конечно, я просто толстый!

datatables render column

Answer 1

Простите решил, что вместо того, чтобы ждать решения JS, если я обернуть строку в HTML перед передачей на JS, то это должно решить мою проблему, и да это делает. Так что теперь я могу отформатировать IMG и т. Д. И двигаться.

Извинения за недостаток серого вещества прошлой ночью.