JQuery DataTables - not hide rows on mobile

Question

Is there a way in Jquery Datatables plugin to not hide rows on small screen? Now it hides the overflowed cells and opens on pressing the button. I'd like to have all data visible initially but can't find such option in docs.

UPD1: Initialization code:

$('.schedule_table').DataTable( {
    responsive: true,
    paging: false,
    bFilter: false,
    bInfo: false,
    aaSorting: [],
    columnDefs: [
        { type: 'title-string', targets: [0, 6] },
        { targets: 7, orderable: false }
    ]
} );

Now it looks like this:

Trying to make it look like this INITIALLY

because I want all data to be visible without need to press the (+) button.

Please show your DataTables initialization code, markup and/or screenshots. — Gyrocode.com
– Gyrocode.com, Commented Dec 28, 2015 at 18:17

Gyrocode.com · Accepted Answer · 2015-12-28 19:15:59Z

1

Try using the code below after DataTables initialization code to expand all child rows:

$('.schedule_table tbody td:first-child').trigger('click');

answered Dec 28, 2015 at 19:15

Gyrocode.com

59k16 gold badges157 silver badges192 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JQuery DataTables - not hide rows on mobile

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related