Advanced interaction
features for your tables.

Comprehensive editing
library for DataTables.

Manual

Download

≡ Show site navigation

change the size of the modal display

change the size of the modal display

classic12 Posts: 228Questions: 60Answers: 4

November 2017 in Responsive

Hi Guys,

I am using the following

responsive: {
                details: {
             renderer: $.fn.dataTable.Responsive.renderer.tableAll(),
            display: $.fn.dataTable.Responsive.display.modal( {
                header: function ( row ) {
                    var data = row.data();
                    return 'Details for Quote ID '+data.quoteID;
                }
            } )
        }
    }

I need to alter the size of the modal window to 90% of the screen height & width.

Cheers

Steve Warby

Answers

allan Posts: 61,972Questions: 1Answers: 10,160 Site admin

November 2017

Assuming you are using the DataTables styling, this is the CSS that Responsive uses and you can modify that to suit the styling you need.

Allan

This discussion has been closed.