Aligning QGridLayout rows in QScrollArea

Question

I am trying to create a lot of rows in a PyQt5 grid widget, but they try to expand as much as they can. How can I set a fixed cell height? They are represented like this:

But I would like them to stick at the top, ordered like this:

Code:

name = QtWidgets.QLabel()
name.setText(str(ui.nombre.toPlainText()) + "({}, {}, {})".format(do, cota, alejamiento))
borrar = QtWidgets.QPushButton()
borrar.setText("X")
borrar.clicked.connect(self.borrar)
ui.elementos.addWidget(name, self.num_elementos, 0, 1, 1)
ui.elementos.addWidget(borrar, self.num_elementos, 1, 1, 1)
self.num_elementos += 1
self.update()
print(self.puntos)

And the elementos widget is created in other class:

self.scroll = QtWidgets.QScrollArea(self.gridLayoutWidget_2)
self.scroll_widget = QtWidgets.QWidget()
self.scroll_widget.resize(200, 700)
self.elementos = QtWidgets.QGridLayout()
self.scroll_widget.setLayout(self.elementos)
self.scroll.setWidget(self.scroll_widget)
self.Punto.addWidget(self.scroll, 4, 0, 1, 3)

@S.Nick here is the full code, the grid creation is at lines 122-136 — Jaime02, Aug 13 '19 at 22:39
@eyllanesc Ops I forgot to paste the link: https://github.com/Jaime02/Proyecto-de-investigacion-2019-Dibujo-tecnico/blob/experimental/error I will try to add a minimal reproducible example — Jaime02, Aug 14 '19 at 09:38
@eyllanesc the minimun code is quite large, I have posted there the grid code — Jaime02, Aug 14 '19 at 13:56

score 2 · Accepted Answer · answered Aug 14 '19 at 14:15

You need to add a stretchable space beneath the rows of widgets, so that it pushes them all up to the top. One way to do this is to put another widget inside the scroll-widget, and then use a vertical layout to add the spacer. It will also help if you make the scroll-widget resizable, otherwise the rows will start to get squashed if too many are added.

Below is a demo that implements all that. Hopefully it should be clear how you can adapt this to work with your own code:

import sys
from PyQt5 import QtCore, QtWidgets

class Window(QtWidgets.QWidget):
    def __init__(self):
        super(Window, self).__init__()

        self.scroll = QtWidgets.QScrollArea()
        self.scroll.setWidgetResizable(True)
        self.scroll_widget = QtWidgets.QWidget()
        self.scroll_widget.setMaximumWidth(200)
        self.elementos_widget = QtWidgets.QWidget()
        vbox = QtWidgets.QVBoxLayout(self.scroll_widget)
        vbox.setContentsMargins(0, 0, 0, 0)
        vbox.addWidget(self.elementos_widget)
        vbox.addStretch()

        self.elementos = QtWidgets.QGridLayout()
        self.elementos_widget.setLayout(self.elementos)
        self.scroll.setWidget(self.scroll_widget)

        self.button = QtWidgets.QPushButton('Add')
        self.button.clicked.connect(self.crear_punto)
        layout = QtWidgets.QVBoxLayout(self)
        layout.addWidget(self.scroll)
        layout.addWidget(self.button)

    def crear_punto(self):
        num_elementos = self.elementos.rowCount()
        name = QtWidgets.QLabel()
        name.setText('FOO %s' % num_elementos)
        borrar = QtWidgets.QPushButton()
        borrar.setText('X')
        self.elementos.addWidget(name, num_elementos, 0)
        self.elementos.addWidget(borrar, num_elementos, 1)

if __name__ == '__main__':

    app = QtWidgets.QApplication(sys.argv)
    window = Window()
    window.setGeometry(500, 100, 300, 500)
    window.show()
    sys.exit(app.exec_())

Thank you so much! This is just what I wanted! Now I need to delete the row when the X button gets pressed — Jaime02, Aug 14 '19 at 15:19

Aligning QGridLayout rows in QScrollArea

1 Answers1