TableView size is 0

TableView {
 id: table
 anchors.fill: parent
 
 model: TableModel {
    TableModelColumn { display: "col1" }
    TableModelColumn { display: "col2" }
    TableModelColumn { display: "col3" }
    rows: [
        { col1: "value1", col2: "value2", col3: "value3" },
        { col1: "value4", col2: "value5", col3: "value6" },
        { col1: "value7", col2: "value8", col3: "value9" },
    ] 
 }
 delegate: Rectangle {
    //implicitWidth: 100
    implicitHeight: 30
    Text {
        text: model.display
        anchors.fill: parent
    }
 }
 columnWidthProvider: function(column) { console.log(table.width / 3); return table.width / 3; }
 onWidthChanged: console.log("table.width: " + table.width)
 }