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 }