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

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

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Normal
    • Resolution: Fixed
    • Affects Version/s: 7.0.5
    • Fix Version/s: 7.0.6
    • Component/s: Components
    • Security Level: Jimmy
    • Labels:
      None
    • gh.sprint.customfield.default.name:
      ZK 7.0.7

      Description

      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>
      

        Attachments

          Activity

            People

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

              Dates

              • Created:
                Updated:
                Resolved: