Alignment issue with datatables in bootstrap

Question

Please check the following and jsfiddle

$(document).ready(function () {
        $('#ControllersDataTable').dataTable({
            "scrollY": "200px",
            "paging": false
        });
    });

JSFiddle Link

data table headers are not aligned on resize. Can anyone solve this?

Is anyone out can help me?

Prasanth
– Prasanth

2014-08-22 11:29:32 +00:00
Commented Aug 22, 2014 at 11:29 — Prasanth
– Prasanth, Commented Aug 22, 2014 at 11:29

Donal · Accepted Answer · 2014-08-21 10:26:23Z

2

It is working now on resize, check the fiddle here: http://jsfiddle.net/b1yehpcv/6/

You need to use iDisplayLength, see here:

$(document).ready(function () {
    $('#ControllersDataTable').dataTable({
        "iDisplayLength": 5
    });
});

edited Aug 21, 2014 at 10:26

answered Aug 21, 2014 at 10:03

Donal

33.2k10 gold badges69 silver badges75 bronze badges

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

2 Comments

Prasanth Over a year ago

I don't want paging, your answer added paging and also removed scrolling

Prasanth Over a year ago

Waiting for your reply

Collectives™ on Stack Overflow

Alignment issue with datatables in bootstrap

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related