Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-2759

Grid header and content misaligned when using span="true"

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Normal Normal
    • 7.0.6
    • 7.0.5
    • Components
    • Security Level: Jimmy
    • None
    • ZK 7.0.7

      This issue can be reproduced in Chrome and Mac Safari, maybe all browsers have this issue if width style can be a floating number.
      Reproducible sample:

      <?page title="Grid Flex Example" contentType="text/html;charset=UTF-8"?>
      <zk>
      <div vflex="1" hflex="1" style="padding: 50px 100px">
          <window border="normal" vflex="1" hflex="1">
          	<zscript>Object[] obj = new Object[20];</zscript>
              <caption label="Grid Example" />
              <grid vflex="1" span="true">
                  <columns>
                      <column hflex="min">
                          <checkbox />
                      </column>
                      <column label="Originator AccInfo" hflex="min" align="left" sort="auto" />
                      <column label="A-B" hflex="min" align="center" sort="auto" />
                      <column label="Type" hflex="min" sort="auto" />
                      <column label="ExampleText AB" hflex="min" align="right" sort="auto" />
                      <column label="Receiving Party" hflex="min" sort="auto" />
                      <column label="Counts" hflex="min" align="right" sort="auto" />
                      <column label="Counts/Again" hflex="min" align="right" sort="auto" />
                      <column label="Some Date" hflex="min" sort="auto" />
                      <column label="Editorname" hflex="min" sort="auto" />
                      <column label="State" hflex="min" sort="auto" />
                      <column label="Date of change" hflex="min" sort="auto" />
                      <column label="Actions" hflex="min" />
                  </columns>
                  <rows>
                      <row forEach="${obj}">
                          <checkbox />
                          <label value="1234567890123456789012345678"/>
                          <label value="A"/>
                          <label value="One"/>
                          <label value="SomeUnbreakableContent"/>
                          <label value="ABC1234567890DEF 1234567890GHI5678" />
                          <label value="1" />
                          <label value="1,311,680.14"/>
                          <label value="02/27/2015"/>
                          <label value="TheQuick BrownFox"/>
                          <label value="Created"/>
                          <label value="02/27/2015 07:15"/>
                          <div>
                              <button iconSclass="z-icon-search" />
                              <button iconSclass="z-icon-pencil" />
                              <button iconSclass="z-icon-trash-o" />
                          </div>
                      </row>
                  </rows>
              </grid>
          </window>
      </div>
      </zk>
      

            DevChu DevChu
            vincentjian vincentjian
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: