Você pode desabilitar esse comportamento com a configuração "responsive", setando a opção "details" como false
. Fica assim, na configuração do DataTable:
$(document).ready(function() {
$('#tabela').DataTable( {
//... outras configurações
responsive: {
details: false
}
} );
} );
Dessa forma as childs não aparecerão, mas se quiser mostrá-las por padrão, a configuração é essa:
$(document).ready(function() {
$('#tabela').DataTable( {
responsive: {
details: {
display: $.fn.dataTable.Responsive.display.childRowImmediate,
type: ''
}
}
});
});