Estou tentando adicionar alguns botões no DataTable usando columnDefs
, mas no entanto, não consigo, e quando removo umas colunas, ele não fica alinhado conforme a ordem
Meu código atual é esse:
var grid = $("#grid").dataTable({
"language": {
"url": "/Scripts/libs/dataTable/ptBr.txt"
},
"ajax": "/grupo/data",
"columnDefs": [
{
"data": "Id",
"targets": 0
},
{
"data": "Nome",
"targets": 1
},
{
"data": "Descricao",
"targets": 2
},
{
"render": function (data, type, row) {
return "<a href='/editar/" + row.Id + "' class='btn btn-primary'>Editar</a>"
},
"targets": 3
},
{
"render": function (data, type, row) {
return "<a href='/editar/" + row.Id + "' class='btn btn-danger'>Deletar</a>"
},
"targets": 4
}
]
});
e da o seguinte erro:
Cannot read property 'style' of undefined
E não rendeniza nem os dados
Mas se eu removo as colunas dos links, ele aparece os dados
dataTable
, mas o fato da quarta coluna não ter otargets
não causa problema?targets: 3
nessa quarta coluna.