How can i hide the border for qtreeview?

Question

I want to hide the border of the QTreeWidget i´m customizing.

I want it to be the same when i select an item inside. But this special outline doesn´t work at all. I want it to be the same as the first image.

enter image description here

I use this piece of css code:

QTreeView  {
    show-decoration-selected: 0;
    background: transparent;
}

QTreeView::item:selected
{
    background-color: #00CDDF;
    font-weight: bold;
    outline: none;
}


QTreeView::branch:selected {
    background-color: #00CDDF;
    outline: none
}

score 4 · Accepted Answer · answered Apr 15 '13 at 09:30

Border and outline are different things. Look at this. Outline is separate property which is set to none by default. The visible line around your QTreeView is border property which has some default value.

If you want to remove border, try to set border property like this.

QTreeView {
     border: none;
}

For removing border on specific side,

QTreeView {
     border: 1px solid;
     border-top: none;
}

For selected item you can use this selector, QTreeView::item, for active item(s) QTreeView::item:selected:active and for selected item(s) QTreeView::item:selected.

score 1 · Answer 2 · answered Apr 15 '13 at 09:12

1

Maybe like this?

QTreeView
{
  border: none;
}

or

QTreeView > QScrollArea
{
  border: none;
}

answered Apr 15 '13 at 09:12

Dmitry Sazonov

8,801
1
35
61

Wow. what is QTreeView > QScrollArea? is it the same as QScrollArea QTreeView {} ? – Darkgaze Apr 15 '13 at 13:26
Nop. QTreeView contains QScrollArea inside of it. – Dmitry Sazonov Apr 15 '13 at 16:58
Sorry. i mean, QTreeView QScrollArea means a scroll area inside the tree view. Why use > ? – Darkgaze Apr 16 '13 at 11:28
1

You can read about selectors there: [link](http://doc.qt.digia.com/4.7/stylesheet-syntax.html#selector-types) – Dmitry Sazonov Apr 17 '13 at 07:50
Oh thanks Dmitry. So they are direct descendants. Not necessary, but interesting. Thanks a lot :) – Darkgaze Apr 18 '13 at 08:16

score 0 · Answer 3 · answered Dec 29 '14 at 00:51

For selected items following works better for me:

  QString style = "QTreeWidget::item:!selected "
    "{ "
      "border: 1px solid gainsboro; "
      "border-left: none; "
      "border-top: none; "
    "}"
    "QTreeWidget::item:selected {}";
  treeWidget->setStyleSheet(style);

score 0 · Answer 4 · answered Dec 29 '14 at 00:55

For selected items such style-sheet works better for me:

  QString style = "QTreeWidget::item:!selected "
    "{ "
      "border: 1px solid gainsboro; "
      "border-left: none; "
      "border-top: none; "
    "}"
    "QTreeWidget::item:selected {}";
  allergiesListView->setStyleSheet(style);

How can i hide the border for qtreeview?

4 Answers4