Question

我有一个QTableWidget，但是我需要自定义行，以便它们之间具有间距，并且它们具有圆角。我知道如何使用样式表制作圆角，但是我不确定如何将样式表应用于QTableWidget中的行，也不确定如何在行之间放置间距。

这是表格的外观：

我当前的代码只是一个普通的QTableWidget，其中包含一些模型数据

from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtWidgets import (QMainWindow, QApplication, QWidget, QAction, 
         QTableWidget,QTableWidgetItem,QVBoxLayout, QAbstractItemView)
from PyQt5.QtGui import QPainter, QColor, QFont, QBrush


class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        MainWindow.setObjectName("MainWindow")
        MainWindow.resize(800, 600)
        self.centralwidget = QtWidgets.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.tableWidget = QtWidgets.QTableWidget(self.centralwidget)
        self.tableWidget.setGeometry(QtCore.QRect(50, 50, 700, 500))

        font = QtGui.QFont()
        font.setPointSize(15)


        self.tableWidget.setFocusPolicy(QtCore.Qt.NoFocus)
        self.tableWidget.setSelectionBehavior(QAbstractItemView.SelectRows)
        self.tableWidget.setSelectionMode(QAbstractItemView.SingleSelection)
        self.tableWidget.setHorizontalScrollBarPolicy(QtCore.Qt.ScrollBarAlwaysOff)
        self.tableWidget.setEditTriggers(QAbstractItemView.NoEditTriggers)
        self.tableWidget.verticalHeader().setVisible(False)
        self.tableWidget.horizontalHeader().setVisible(False)
        self.tableWidget.setShowGrid(False)

        self.tableWidget.setStyleSheet("background-color: black; selection-background-color: #353535; border-radius: 10px")
        self.tableWidget.setObjectName("tableWidget")
        self.tableWidget.setRowCount(0)

        data = [["Login", "Routine", "03/05/2019", "IP Address", "Yes"], ["Login", "Routine", "03/05/2019", "IP Address", "Yes"], ["Login", "Routine", "03/05/2019", "IP Address", "Yes"]]

        j=0
        for row in data:

            self.tableWidget.insertRow(j)
            j += 1
            i = 0
            for x in row:
                item = QTableWidgetItem(x)
                item.setForeground(QBrush(QColor(255, 255, 255)))
                item.setFont(font)

                self.tableWidget.setSortingEnabled(False)

                if(j == 1 and i <= 4):
                    self.tableWidget.insertColumn(i)

                self.tableWidget.setItem(j-1, i, QtWidgets.QTableWidgetItem(item))

                if (i == 4):
                    self.tableWidget.setColumnHidden(i, True);

                self.tableWidget.setSortingEnabled(True)

                i += 1

        self.tableWidget.horizontalHeader().resizeSection(0, 188)
        self.tableWidget.horizontalHeader().resizeSection(1, 155)
        self.tableWidget.horizontalHeader().resizeSection(2, 250)

        self.tableWidget.horizontalHeader().resizeSection(3, 66)
        self.tableWidget.setHorizontalScrollBarPolicy(QtCore.Qt.ScrollBarAlwaysOff)

        self.tableWidget.horizontalHeader().setStretchLastSection(True)



        MainWindow.setCentralWidget(self.centralwidget)

        self.retranslateUi(MainWindow)
        QtCore.QMetaObject.connectSlotsByName(MainWindow)

    def retranslateUi(self, MainWindow):
        _translate = QtCore.QCoreApplication.translate
        MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))


if __name__ == "__main__":
    import sys
    app = QtWidgets.QApplication(sys.argv)
    MainWindow = QtWidgets.QMainWindow()
    ui = Ui_MainWindow()
    ui.setupUi(MainWindow)
    MainWindow.show()
    sys.exit(app.exec_())

如何编辑代码，使行看起来像照片中的行？

Answer 1

尝试一下：

from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtWidgets import (QMainWindow, QApplication, QWidget, QAction, 
         QTableWidget,QTableWidgetItem,QVBoxLayout, QAbstractItemView)
from PyQt5.QtGui import QPainter, QColor, QFont, QBrush


class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        MainWindow.setObjectName("MainWindow")
        MainWindow.resize(800, 600)
        self.centralwidget = QtWidgets.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.tableWidget = QtWidgets.QTableWidget(self.centralwidget)
        self.tableWidget.setGeometry(QtCore.QRect(50, 50, 700, 500))

        font = QtGui.QFont()
        font.setPointSize(15)

        self.tableWidget.setFocusPolicy(QtCore.Qt.NoFocus)
        self.tableWidget.setSelectionBehavior(QAbstractItemView.SelectRows)
        self.tableWidget.setSelectionMode(QAbstractItemView.SingleSelection)
        self.tableWidget.setHorizontalScrollBarPolicy(QtCore.Qt.ScrollBarAlwaysOff)
        self.tableWidget.setEditTriggers(QAbstractItemView.NoEditTriggers)
        self.tableWidget.verticalHeader().setVisible(False)
        self.tableWidget.horizontalHeader().setVisible(False)
        self.tableWidget.setShowGrid(False)

#        self.tableWidget.setStyleSheet("background-color: black; selection-background-color: #353535; border-radius: 10px")
        self.tableWidget.setObjectName("tableWidget")
        self.tableWidget.setRowCount(0)

        data = [["Login", "Routine", "03/05/2019", "IP Address", "Yes"], ["Login", "Routine", "03/05/2019", "IP Address", "Yes"], ["Login", "Routine", "03/05/2019", "IP Address", "Yes"]]

        j=0
        for row in data:
            self.tableWidget.insertRow(j)
            j += 1
            i = 0
            for x in row:
                item = QTableWidgetItem(x)
                item.setForeground(QBrush(QColor(255, 255, 255)))
                item.setFont(font)
                self.tableWidget.setSortingEnabled(False)

                if(j == 1 and i <= 4):
                    self.tableWidget.insertColumn(i)
                self.tableWidget.setItem(j-1, i, QtWidgets.QTableWidgetItem(item))

                if (i == 4):
                    self.tableWidget.setColumnHidden(i, True);
                self.tableWidget.setSortingEnabled(True)

                i += 1

        self.tableWidget.horizontalHeader().resizeSection(0, 188)
        self.tableWidget.horizontalHeader().resizeSection(1, 155)
        self.tableWidget.horizontalHeader().resizeSection(2, 250)
        self.tableWidget.horizontalHeader().resizeSection(3, 66)
        self.tableWidget.setHorizontalScrollBarPolicy(QtCore.Qt.ScrollBarAlwaysOff)
        self.tableWidget.horizontalHeader().setStretchLastSection(True)

        MainWindow.setCentralWidget(self.centralwidget)

        self.retranslateUi(MainWindow)
        QtCore.QMetaObject.connectSlotsByName(MainWindow)

    def retranslateUi(self, MainWindow):
        _translate = QtCore.QCoreApplication.translate
        MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))


stylesheet = """
    QTableWidget {
        background-color: black; 
        border-radius: 10px
    }

    QTableWidget::item {
        color: #ff7777;                    
        background-color: #2222fd;
        margin-top: 5px;          
        border-radius: 9px;
        padding-left: 5px;
    }

    QTableWidget::item:selected {
        background-color: yellow;
        color: blue;
    }
"""


if __name__ == "__main__":
    import sys
    app = QtWidgets.QApplication(sys.argv)
    app.setStyleSheet(stylesheet)
    MainWindow = QtWidgets.QMainWindow()
    ui = Ui_MainWindow()
    ui.setupUi(MainWindow)
    MainWindow.show()
    sys.exit(app.exec_())

如何在QTableWidget中自定义行

1 个答案: