nuxeo-data-table shows empty rows when in nuxeo-card

Steps to reproduce:

• Add the following to the nuxeo-folder-metadata-layout.html:

  m3 fox@fox-laptop:~/workspace/nuxeo/addons/nuxeo-web-ui$ git diff
  diff --git i/elements/document/folder/nuxeo-folder-metadata-layout.html w/elements/document/folder/nuxeo-folder-metadata-layout.html
  index cce175d7..ddcc54b5 100644
  --- i/elements/document/folder/nuxeo-folder-metadata-layout.html
  +++ w/elements/document/folder/nuxeo-folder-metadata-layout.html
  @@ -48,40 +48,28 @@ limitations under the License.
         }
       </style>
   
  -    <div role="widget">
  -      <label>[[i18n('label.dublincore.title')]]</label>
  -      <div name="title">[[document.properties.dc:title]]</div>
  -    </div>
  -
  -    <div role="widget" hidden$="[[!document.properties.dc:description]]">
  -      <label>[[i18n('label.dublincore.description')]]</label>
  -      <div name="description" class="multiline">[[document.properties.dc:description]]</div>
  -    </div>
  -
  -    <div role="widget" hidden$="[[!document.properties.dc:nature]]">
  -      <label>[[i18n('label.dublincore.nature')]]</label>
  -      <div name="nature">[[formatDirectory(document.properties.dc:nature)]]</div>
  -    </div>
  -
  -    <nuxeo-directory-suggestion role="widget"
  -                                label="[[i18n('label.dublincore.subjects')]]"
  -                                directory-name="l10nsubjects"
  -                                name="subjects"
  -                                value="{{document.properties.dc:subjects}}"
  -                                hidden$="[[!document.properties.dc:subjects.length]]"
  -                                multiple="true"
  -                                dbl10n="true"
  -                                readonly>
  -    </nuxeo-directory-suggestion>
   
  -    <div role="widget" hidden$="[[!document.properties.dc:coverage]]">
  -      <label>[[i18n('label.dublincore.coverage')]]</label>
  -      <div name="coverage">[[formatDirectory(document.properties.dc:coverage)]]</div>
  -    </div>
  -
  -    <div role="widget" hidden$="[[!document.properties.dc:expired]]">
  -      <label>[[i18n('label.dublincore.expire')]]</label>
  -      <nuxeo-date name="expired" datetime="[[document.properties.dc:expired]]"></nuxeo-date>
  +    <div role="widget">
  +      <nuxeo-data-table role="widget" items='[{"name": "Bill", "city": "Paris", "phone": "12344566788"}]'>
  +        <nuxeo-data-table-column name="Name">
  +          <template>
  +            [[item.name]]
  +          </template>
  +        </nuxeo-data-table-column>
  +
  +        <nuxeo-data-table-column name="City">
  +          <template>
  +            [[item.city]]
  +          </template>
  +        </nuxeo-data-table-column>
  +
  +        <nuxeo-data-table-column name="Phone Number">
  +          <template>
  +            [[item.phone]]
  +          </template>
  +        </nuxeo-data-table-column>
  +
  +      </nuxeo-data-table>
       </div>
     </template>
  

• create a folder
• open the collapsible panel
• the datatable is empty KO (see screenshot1)
• resize the window
• the row appears OK (see screenshot2)