圖像的 jquery 數據表列

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
    )

 )

我通讀了大量頁面，但它們對我來說並不完全有意義..當然我只是很厚！！

數據表呈現列

Answer 1

請原諒我決定，如果我在傳遞到 JS 之前將字符串包裝在 html 中，而不是等待 JS 解決方案，那么這應該可以解決我的問題，是的。 所以現在我可以格式化 img 等並移動。

為昨晚缺乏灰質而道歉。