Horizontal scrollbar does not appear in the wide empty table

Describe the bug If a table is wide and empty then expectable horizontal scroll bar isn’t shown.

Tabulator Info

• Tabulator 4.1.2

let table = new Tabulator('#table', {
  columns: [{
    field: 'column1', 
    title: 'Column 1',
    width: 200
  }, {
    field: 'column2', 
    title: 'Column 2',
    width: 500
  }, {
    field: 'column3', 
    title: 'Column 3',
    width: 1000
  }]
})

https://jsfiddle.net/dveb5Lhr/

To Reproduce Steps to reproduce the behavior:

1. Define table without rows that’s wider than outer block.
2. See on the result table in the browser.
3. Table header is wider than outer block but horizontal scrollbar doesn’t appear in the table holder.

Expected behavior Horizontal scrollbar should be shown in the table holder in order to scroll table header.

Screenshots Empty table without expected scrollbar:

Same table with rows:

Desktop:

• OS: LinuxMint 18.3
• Browsers: Chromium 58.0.3029.110, Firefox 63.0.3

[olifolkerd]

Hey @woxcab

I have pushed a fix for this to the master branch and will include it in this evenings patch release.

Cheers

Oli 😃

[OksanaRomaniv]

Hello,

I’m having the related issue I think with tabulator-tables 4.1.4. I have a wide table (native width approximately 5000px). When I call the constructor with the next code:

new Tabulator('.es-table-paginate', {
	pagination: 'local',
	paginationSize: ESPRO_settings.tabulator_front_paginate,
	responsiveLayout: true,
});

The table fits the content width only when I see it’s initial width via JS before initializing and the horizontal scrollbar never appears. Could you please advice what I can do to create wide scrollable tables?

Thank you!