Parent/child editing in child row does not work with responsive bootstrap4
Parent/child editing in child row does not work with responsive bootstrap4
Gargiucn
Posts: 109Questions: 30Answers: 0
Setting the parent table with responsive: true, the child table opens and closes immediately.
Setting responsive: false everything works perfectly...
var rapTable = $('#rapporti').DataTable( {
responsive: true,
processing: true,
serverSide: true,
ajax: {
url: "php/table-rgaolio.php",
type: "POST",
error: function(){
alert("errore table-rgaolio.php");
}
},
columns: [
{
// Responsive column control
data: null,
defaultContent: '',
className: 'control',
sorting: false,
orderable: false,
searchable: false
},
{
data: "utenti.ute_nome",
className: "text-nowrap"
},
{
data: "rgaolio.rgo_data",
className: "text-nowrap",
searchable: false
},
{
// details column control
data: null,
defaultContent: '',
className: 'details-control',
sorting: false,
orderable: false,
searchable: false,
width: '10%'
},
],
order: ([[ 2, 'desc' ],[ 1, 'asc' ]]),
select: {
style: 'single',
selector: 'td:not(.control), td:not(.details-control)'
},
searching: false,
lengthChange: false,
language: {
url: "plugins/italian.json"
},
initComplete: function () {
rapTable.buttons().container()
.appendTo( $('.col-md-6:eq(0)', rapTable.table().container() ) );
}
} );
can you help me? thank you...
Giuseppe
This question has an accepted answers - jump to answer
This discussion has been closed.
Answers
In order to use Responsive and Child Details at the same time. you will need to use Responsive in modal mode as described by Allan in this thread.
Kevin
Thanks for the reply.
this is fine to see the extra rows but I need to view another table with editing functions.
Such as:
https://datatables.net/blog/2019-01-11#Server-side-(PHP)
Giuseppe
Are you able to link your page, or create a test case that demonstrates the issue, as that would help understand the problem?
Colin