Make table with vertical scroll bar narrower

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    12 years, 1 month ago

    Hi,

    thanks for your post, and sorry for the trouble.

    I think I know what you mean, but unfortunately, I don’t really know how to influence this. The easiest way should be to change the column and table width, probably. That way, you could leave some space for the scrollbar.
    As the scrollbar is added in a container around the table by the DataTables JS library, you might also need to work directly on those container elements (I suggest to use e.g. the Google Chrome Developers to inspect the structure).

    Note that this should only be an issue on Windows and Linux, as there’s no permanent scrollbar on Mac.

    Regards,
    Tobias

    Thread Starter saltire

    (@saltire)

    12 years, 1 month ago

    Thanks Tobais,

    I tried what you suggested using Firebug, it got a bit complicated. When I reduced the table width a horizontal scroll bar was added and the header row remained the same size leaving a gap between header and table.
    Perhaps I just need to live with the table the way it is.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    12 years, 1 month ago

    Hi,

    yes, live-changing this does not really work, unfortunately, as the different elements are connected by fixed widths that are determined via JavaScript. Because of that, testing is only really possible with changing the elements with CSS and then reloading the page.

    But yeah, as you are saying: This might not be worth the extra trouble.

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Make table with vertical scroll bar narrower’ is closed to new replies.