Horizontal scroll bar in Grid table

<zk>

  <window border="normal" title="Grid Display">

 

  <div>The data is displayed in Grid below:</div>

    

    <separator height="10px" />

 

<grid id="dataGrid" height="530px" style="overflow: scroll;">

          <columns>

            <column label="Column1" width="13%" />

   <column label="Column2" width="20%" />

            <column label="Column3" width="20%" />

            <column label="Column4" width="20%" />

            <column label="Column5" width="20%" />

            <column label="Column6" width="8%" />

            <column label="Column7" width="8%" />

            <column label="Column8" width="13%" />

            <column label="Column9" width="13%" />

            <column label="Column10" width="13%" />

            <column label="Column11" width="9%" />

            <column label="Column12" width="8%" />

            <column label="Column13" width="8%" />

            <column label="Column14" width="8%" />

            <column label="Column15" width="8%" />

          </columns>

        </grid>

  </window>

</zk>