jQuery-Datatables Изменение столбцов ajax с html-кодами

Question

Я использую запрос ajax для получения данных для создания моих данных, но мне нужно изменить столбцы с тегами и контентом html.

Мой DataTables resquest является:

var oTable1 = $('#sample-table-2').dataTable({ 
    "language": { 
     "url": "/assets/js/Portuguese-Brasil.json" 
    }, 
    "aoColumnDefs": [{ 
     "bSortable": true, "aTargets": [0, 1, 2], 
     "bSortable": false, "aTargets": [1, 2] 
    }], 
    "ajax": { 
     "url": "/Clientes/GetClientes/", 
     "dataSrc": "", 
     "dataType": "json",     
    }, 
    "columns": [ 
     { "data": "Nome" }, 
     { "data": "<strong>StatusDesc</strong>" }, 
     { "data": "<span>StatusDesc</span>" }, 
    ],        
}); 

Но когда эта таблица визуализации, HTML-код внутри колонок doen't работы.

Спасибо!

Answer 1

Использование sTitle

{ "sTitle": "offer name<span style='display:none;'>offer_name</span>", 
    "data": "offer_name" 
}, 

Answer 2

Я думаю, что вы не можете сделать это, как вы хотите это сделать (по крайней мере, если я понял ваш «вопрос» правильно). В данных данных уже есть классы для каждого элемента, например. заголовки столбцов обычно называются DataTables_sort_wrapper. Итак, что приходит на ум, вы можете изменить внешний вид этих заголовков столбцов с помощью css и/или jQuery. Например. вы можете найти появление n-го столбца с помощью функции jQuery .eq()

$(".DataTables_sort_wrapper").eq(n).css(...) 

Надеюсь, это поможет.

Приветствия