Horizontal Scroll not Appearing

See attached demo. I am attempting to load grid header and columns via XML data. The issue is that the grid is fitting all the columns in 100%, and not generating horizontal scroll bar. When I do it with setHeader function with same column widths, the horizontal scroll generates. Please advise:

  1. How to generate columns with the widths given in data XML, and with horizontal scroll bar?
  2. How to specify column header background color and font color in XML?

Thanks.
grid_demo_2.zip (150 KB)

  1. How to generate columns with the widths given in data XML, and with horizontal scroll bar?

... <column type="ro" width="7" sort="str">W</column> <column type="ro" width="5" sort="str">X</column> <column type="ro" width="6" sort="str">Y</column> <column type="ro" width="5" sort="str">Z</column> <settings> <colwidth>%</colwidth> </settings>

  1. How to specify column header background color and font color in XML?
    Unfortunately such feature is not available from the xml.

It worked, thank you!