Estou montando uma tabela com o framework JS [DataTables][1] Eu processo os dados via Server-side através do `JSON` na primeira coluna eu gostaria de exibir uma foto,o nome dessa foto vem via JSON. Como fazer? Exemplo de como estou testando: <table id="example" class="table table-striped table-bordered table-hover" cellspacing="0" width="100%"> <thead> <tr> <th></th> <th>Foto</th> <th>ID Historico</th> <th>curValor</th> <th>intid</th> <th>CurValor</th> <th>str_CIDADE</th> <th>Bairro</th> <th>Opção</th> </tr> </thead> <tbody> <tr role="row" class="odd"> <th></th> <th>Foto</th> <th>ID Historico</th> <th>curValor</th> <th>intid</th> <th>CurValor</th> <th>str_CIDADE</th> <th>Bairro</th> <th></th> </tr> </tbody> </table> A Coluna que vou exibir a foto é: <th>Foto<th> O Javascript do DataTables é: /// abreviação "processing": true, "serverSide": false, "ajax": { "url": "grid3.ashx" }, columns: [ { "className": 'details-control', "orderable": false, "data": null, "defaultContent": '' }, { "className": '', "orderable": false, "data": null, "defaultContent": ' <img class="img-thumbnail " src="http://imgsiga.wmb.com.br//tb/" style="width:50px;" />' }, { data: 'IDHistorico' }, { data: 'curValor' }, { data: 'intid' }, { data: 'curValor' }, { data: 'str_CIDADE' }, { data: 'str_BAIRRO' } ///abreviação do código A Linha é essa: "defaultContent": '<img src="http://imgsiga.wmb.com.br//tb//" //nome da foto via JSON??? />' **Resumo: Estou tentando recuperar o valor do JSON e colocar nesse script que inicializa o DataTables.net, o campo que estou tentando é o nome da foto** tentei criar: var data = table.row( $(this).parents('tr') ).data(); e chamar como data[8] //9ª registro do json, mas não funcionou *Uncaught TypeError: Cannot read property '8' of undefined* Se eu não faço isso, a grid aparece normalmente.[![Exemplo do que quero fazer, adicionar a imagem que vem pelo json][2]][2] [1]: http://datatables.net/ [2]: https://i.sstatic.net/YHNq5.png