Qml tableview dynamic

Component
{
    id: columnComponent
    TableViewColumn{width: 100 }
}

TableView {
    id: view
    anchors.fill: parent
    resources:
    {
        var roleList = myModel.customRoleNames
        var temp = []
        for(var i=0; i<roleList.length; i++)
        {
            var role  = roleList[i]
            temp.push(columnComponent.createObject(view, { "role": role, "title": role}))
        }
        return temp
    }

    model: myModel

Source: stackoverflow.com

Qml TableView dynamic

Component{
    id: columnComponent
    TableViewColumn{width: 30 }
}

TableView {
    id: tableView
    model: listModel
    property var titles: somethingDynamic
    property var curTitles: {
        var t=[]
        for(var i=0;i<columnCount;i++){
            t.push(getColumn(i).title)
        }
        return t
    }
    onTitlesChanged:{
        for(var i=0;i<titles.length;i++){
            if(curTitles.indexOf(titles[i])==-1){
                var column = addColumn(columnComponent) 
                column.title=titles[i]
                column.role=titles[i]                   
            }
        }
        for(var i=curTitles.length-1;i>=0;i--){
            if(titles.indexOf(curTitles[i])==-1){
                removeColumn(i)
            }
        }
    }
}

Source: stackoverflow.com

Similar codes

1 vote235 views1 answer
:= and = in gdscript
TypeScript
29 votes248 views6 answers
Bootstrap angular
TypeScript
0 vote221 views1 answer
CSS is being used to hide three items on the index.html page (two <li> elements and a <div> element). Use jQuery's :hidden pseudo selector and the show() method to display the hidden <li> elements, while leaving the <div> elem
TypeScript
0 vote219 views1 answer
Base64 encode typescript
TypeScript
2 votes216 views1 answer
Typescript loop over map with value as array
TypeScript
0 vote224 views1 answer
How to display dotted line betweens 2 series point in high charts react native
TypeScript
3 votes241 views1 answer
Whats the binary nmber system
TypeScript
0 vote230 views1 answer
Related posts wordpress without plugin
TypeScript
2 votes219 views1 answer
Where do scientists get their stem cells for research?
TypeScript
0 vote257 views1 answer
Typescript take user input from console
TypeScript