Sap.ui.table.Table "VisibleRowCountMode.Auto" mode does not work

Question

I am having trouble setting the number of rows in a table to automatically fill in the available property of its encapsulation container.

According to the API, setting the property visibleRowCountModeto sap.ui.table.VisibleRowCountMode.Autoshould make the table

"[...] automatically fills the height of the surrounding container. The visibleRowCount property automatically changes accordingly . All rows should have the same height, otherwise the automatic mode does not always work as expected."

I used the following code:

var oTable = new sap.ui.table.Table( {
    rowHeight           : 30,
    height              : "100%",
    // The below property is seemingly ignored... What did I do wrong?
    visibleRowCountMode : sap.ui.table.VisibleRowCountMode.Auto
});

... , jsbin http://jsbin.com/vazuz/1/edit, 10 , , msgstr " visibleRowCount ": - (

- ? !

=====================

EDIT: @matz3 , .

DIV 100%, , , . , . , , , . - ...

CSS: DIV 100% , BODY HTML (!!), ​​ 100%:

html, body {
  height: 100%
}

div#uiArea {
  height: 100%
}

, . . : http://jsbin.com/bosusuya/3/edit

Matz3, !

Answer 1

[...] [...]

, (, 100%)

this.setHeight("100%");

uiArea-div, (, 500 )

<div id="uiArea" style="height:500px"></div>

Answer 2

CSS- . visibleRowCount Array.length , :

[{firstName: 'John', lastName: 'Smith',
{firstName: 'David', lastName: 'Ericsson'}]

Array :

var oTable = new sap.ui.table.Table({
  visibleRowCount : '{/length}'
})