Parent/child editing in child row does not work with responsive bootstrap4

Gargiucn

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

kthorngren

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

Gargiucn

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

colin

Are you able to link your page, or create a test case that demonstrates the issue, as that would help understand the problem?

Colin