Display of the table issues

PinoguinMaudit

Hi all,

I have three buttons

{
    extend: 'colvisGroup',
    text: 'Information Principal',
    show: [ 1, 2, 3, 4, 10, 11, 12, 13],
    hide: [ 5, 6, 7, 8, 9, 14, 15 ]
},
{
    extend: 'colvisGroup',
    text: 'Information RH',
    show: [ 1, 2, 5, 6, 7, 8, 9, 14, 15 ],
    hide: [ 3, 4, 10, 11, 12, 13]
},
{
    extend: 'colvisGroup',
    text: 'Tout afficher',
    show: ':hidden'
},

The buttons work but when I click them, the display of my table changes and increases in size

While inspecting the element, I noticed that it was indeed the width of the table which increased by some pixels

Do you know where this could have come from?

Thank you in advance

allan

Happy to have a look at a page showing the issue so we can debug it. My guess is that you need to add style="width:100%" to the table tag, but without a test case, I don't know.

Allan

PinoguinMaudit

Indeed, the fact of putting

<table id="table_id" class="display" style="width:100%">

solves the problem

Thank you