header / folder / matrix cell widths do not match

I am creating a timeline view using the DHTMLX Java and Javascript libraries.

The issue I have is that the widths for

  • header row (
    ) cells (
  • folder row () cells ()
  • normal row () cells ()

have the same px widths, but are disproportinately rendered on the UI. Please see included picture.

How can this be?

Probably you have some css on the page, which adds padding to all divs or all td elements on the page. While element has the same size, because of global padding settings their visible width can differ.