Author Topic: Changing global row height?  (Read 3683 times)

inafking

  • Newbie
  • *
  • Posts: 10
    • View Profile
Changing global row height?
« on: January 28, 2016, 06:09:15 pm »
Hi. First of all, thanks for all the help you have given to me.

As usual, I've another question but now is whether it's a supported feature or not (or if there's a workaround) for the 2.0.4 version of the grid.

I'd like to know if you can change the row height or make the rows evenly spaces when setting the grid height.

I hope you can help me with this.
Thanks in advance.

Greets!

EDIT: Don't mind, I figured it out. I modified the css which holds the value for the tr.pq-grid-row style.
« Last Edit: January 28, 2016, 07:03:57 pm by inafking »

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6263
    • View Profile
Re: Changing global row height?
« Reply #1 on: February 01, 2016, 11:26:26 am »
yes the row height can be changed in 2 ways:

1) By default the content in cells wrap and rows expand in height to show all content. The rows can be evenly spaced by setting wrap option to false, wrap: false, the overflowing text is clipped.

2) The default row height can be changed by modifying the padding of cells.

Code: [Select]
.pq-grid-cell > .pq-td-div{
padding: 10px;
}

There is also a way to set max-height of cells:
Code: [Select]
.pq-grid-cell > .pq-td-div{
max-height: 50px;
}
« Last Edit: February 01, 2016, 11:37:31 am by paramquery »