This question was asked on stackoverflow as well. Just posting this here because the accepted answer was useful.

Another approach would be to anchor the table below the header.

TableView { id: tableView anchors.top: horizontalHeader.bottom model: TableModel { } }

my bad. I got answer in stack overflow

The problem is caused by a naming conflict between the Button's display property and the role. The solution is to access the role through the model explicitly:

delegate: Button { text: model.display }