fixedColumns: remove scroll bars at the bottom of fixed columns

fixedColumns: remove scroll bars at the bottom of fixed columns

sebrenaudsebrenaud Posts: 1Questions: 1Answers: 0

Hello everyone !

I am new to Datatables and I try to implement a simple table where the first and last columns are fixed, and I can scroll horizontally through the columns in between.

When I activate "scrollX" : true in the datatable creation, I get the expected scrolling bar at the bottom of the table but I also get scrolling bars at the bottom of each fixed column. I've included a screenshot below.

I could not find any fix so far, do you have any idea how to remove the scroll bar in fixed columns ?

Thanks a lot for your help !! :)

Here is the code I use to initiate the datatable:

$(id).DataTable({
        "data" : values,
        "columns" : columns,
        "scrollX": true,
        "ordering" : false,
        "fixedColumns":   {
            leftColumns: 1,
            rightColumns: 1
        }
});

Answers

  • colincolin Posts: 2,424Questions: 0Answers: 433

    Hi @sebrenaud ,

    I just tried that, see here, and am not seeing your problem. We're happy to take a look if you're able to do a live example that demonstrates the problem, or provide a link to your page.

    Cheers,

    Colin

Sign In or Register to comment.