Estou listando informações do meu banco de dados em uma Datatable com jQuery e até aí está tudo ok.
O que eu quero fazer é ao clicar na 'row' da Datatable
carregar naquela div todas as informações daquele ID que foi apresentado na tabela. Um exemplo do que quero fazer é tipo o gmail que aparece os emails na forma de lista e quando a pessoa clica carrega ele.
Como consigo fazer isso com uma Datatable?
Estou exibindo 10 itens na primeira página da tabela e, quando clico na linha, exibe a linha que eu quero. O problema é quando eu vou para a segunda ou terceira página e clico na linha o alert do JavaScript não funciona.
$(function() {
var oTable = $("#tabelaaberto").dataTable({
"oLanguage": {
"sEmptyTable": "Nenhum registro encontrado",
"sInfo": "Exibindo de _START_ até _END_ no total de _TOTAL_ registros.",
"sInfoEmpty": "",
"sInfoFiltered": "(Filtrados de _MAX_ registros)",
"sInfoPostFix": "",
"sInfoThousands": ".",
"sLengthMenu": "_MENU_ resultados por página",
"sLoadingRecords": "Carregando...",
"sProcessing": "Processando...",
"sZeroRecords": "Nenhum registro encontrado.",
"sSearch": "Pesquisar: ",
"oPaginate": {
"sNext": "Próximo",
"sPrevious": "Anterior",
"sFirst": "Primeiro",
"sLast": "Último"
},
"oAria": {
"sSortAscending": ": Ordenar colunas de forma ascendente",
"sSortDescending": ": Ordenar colunas de forma descendente"
}
}
});
$(document).ready(function(e) {
$("#tabelaaberto tbody td").on('click',function(){
var nTr = $(this).parents('tr')[0];
var aData = oTable.fnGetData(nTr);
alert(aData[0]);
});
});
});
JavaScript
para detectar o clique e usarAjax
para carregar novos dados sob demanda. Você está familiarizado com isso? Na sua pergunta, faltou colar o link de exemplo.<table>
e depois inicializando o plugin? Ou está usando a opção de puxar os dados por AJAX?