TableView - Change background color if row have specific value

[updaterr]

How I can change background color to red for row if row had timeToReply>15. I can't get timeToReply in rowDelegate. How I can do this ?

TableView
    {
    model: someModel
    TableViewColumn{title:"Time";role: "timeToReply";width: 170}
        rowDelegate: Item {
                    clip: true
                    Text {
                        anchors.verticalCenter: parent.verticalCenter
                        color: {
                            if(timeToReply>15)             //problem
                            {
                                color="red"
                            }
                            else
                            {
                                color="black"
                            }
                        }
                        text: styleData.value
                        elide: Text.ElideMiddle
                    }
                }
    }

TableView
    {
    model: someModel
    TableViewColumn{title:"Time";role: "timeToReply";width: 170}
        rowDelegate: Item {
                    clip: true
                    Text {
                        anchors.verticalCenter: parent.verticalCenter
                        color: {
                            if(timeToReply>15)             //problem
                            {
                                color="red"
                            }
                            else
                            {
                                color="black"
                            }
                        }
                        text: styleData.value
                        elide: Text.ElideMiddle
                    }
                }
    }

To copy to clipboard, switch view to plain text mode 

[aamer4yu]

You are using timeToReply as a role for TableViewColumn.

Could that be a problem ?
Try defining a property and using it instead

[AlphaX2]

Hi,

Where is the model from - QML or C++? Could you maybe show us the model? Maybe something is wrong there?
Also you can shorten the color part a lot:

color: timeToReply > 15 ? "red" : "black"

color: timeToReply > 15 ? "red" : "black"

To copy to clipboard, switch view to plain text mode 

EDIT:
I've tried it and yes I have the same problem, QtCreator gives me a ReferenceError, it seems it's not working like in a ListView. But it could be worked around by using ItemDelegate if you just want to change the text color, here you are reading the value from the Table (not the Role) and use it to modify the color. This way offers also a Table as always, without the need to rewrite all of the styling.

TableView {
        id: table
        anchors.fill: parent
        model: testModel
        TableViewColumn {role: "timeToReply"; title: "Reply timings"; width: 100}
        itemDelegate: Item {
            Text {
                anchors.verticalCenter: parent.verticalCenter
                color: parseInt(styleData.value) > 15 ? "red" : styleData.textColor // maybe it's also working without parseInt().
                elide: styleData.elideMode
                text: styleData.value
            }
        }
    }

TableView {
        id: table
        anchors.fill: parent
        model: testModel
        TableViewColumn {role: "timeToReply"; title: "Reply timings"; width: 100}
        itemDelegate: Item {
            Text {
                anchors.verticalCenter: parent.verticalCenter
                color: parseInt(styleData.value) > 15 ? "red" : styleData.textColor // maybe it's also working without parseInt().
                elide: styleData.elideMode
                text: styleData.value
            }
        }
    }

To copy to clipboard, switch view to plain text mode 

AlphaX2

[updaterr]

Thanks AlphaX2, but it works half. I would do like that:
aaad.png
If column[TIME(MINUTES)]>15 color this row to red

[AlphaX2]

Hi again,

it's also possible. Read the value not from styleData.value (content of the current cell and maybe a name not a number), but from the model directly. Because itemDelegate is delegate for every single cell this is working when you get the value from the model itself with the help of styleData.row.

To be honest: it's a bit strange and counter intuitive, maybe it's a bug that you get a ReferenceError when you try to use the role Name in the rowDelegate (which is acting also a bit strange, as far as I've seen, while playing around with it.)

Here is a working example:

TableView {
        id: table
        anchors.fill: parent
        model: testModel
        TableViewColumn {role: "name"; title: "Name"; width: 75}
        TableViewColumn {role: "timeToReply"; title: "Reply timings"; width: 100}
        itemDelegate: Text {
                anchors.verticalCenter: parent.verticalCenter
                color:  testModel.get(styleData.row).timeToReply > 15 ? "red" : "black"
                text: styleData.value
        }
    }

TableView {
        id: table
        anchors.fill: parent
        model: testModel
        TableViewColumn {role: "name"; title: "Name"; width: 75}
        TableViewColumn {role: "timeToReply"; title: "Reply timings"; width: 100}
        itemDelegate: Text {
                anchors.verticalCenter: parent.verticalCenter
                color:  testModel.get(styleData.row).timeToReply > 15 ? "red" : "black"
                text: styleData.value
        }
    }

To copy to clipboard, switch view to plain text mode 

AlphaX2