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

Grid sort icon display problem

    Details

    • Type: Bug
    • Status: Open
    • Priority: Critical
    • Resolution: Unresolved
    • Affects Version/s: 8.5.2.1
    • Fix Version/s: None
    • Component/s: grid
    • Labels:

      Description

      I am unable to style sort icons by CSS when some headers are with wrapped text.

      IMO problem is, that div.z-column-sorticon is inside div.z-column-content instead of th.z-column z-column-sort (on the same level as column content).
      If some of text in column header needs to be in two rows, than position of sort icons differs (sort-icon-problem.png).
      If they were on the same level, their position would be absolute to TH element, thus the same no matter what height the column header is.

        Activity

        Hide
        Worsik Worsik added a comment -

        I forked Grid ZKfiddle and added problematic code here: http://zkfiddle.org/sample/3r9mbr5/2-Grid-Sort-icon-problem

        • you can try to sort by two different columns
        • thing is that we need to use white-space: normal to wrap lines in column header, which uncovers underlying problem with icon position inside element tree
        Show
        Worsik Worsik added a comment - I forked Grid ZKfiddle and added problematic code here: http://zkfiddle.org/sample/3r9mbr5/2-Grid-Sort-icon-problem you can try to sort by two different columns thing is that we need to use white-space: normal to wrap lines in column header, which uncovers underlying problem with icon position inside element tree
        Hide
        Worsik Worsik added a comment -

        When I move sort icon elements by browser tools to uppor level in the tree right under the TH element, it starts to be in the proper position with wrapping having none impact on the icon position

        Show
        Worsik Worsik added a comment - When I move sort icon elements by browser tools to uppor level in the tree right under the TH element, it starts to be in the proper position with wrapping having none impact on the icon position

          People

          • Assignee:
            Unassigned
            Reporter:
            Worsik Worsik
          • Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

            • Created:
              Updated: