I’m creating a simple table in angular 6 based on vaadin grid. I installed vaadin-core and iron-pages as per guide.
Grid creates required number of rows and columns. However data is not displayed and it renders empty cells and column headers.
[see attachment]
- code -
<vaadin-grid #grid style="height:300px;width:420px" [items]
="items">
<vaadin-grid-column width="200px">
<template class="header">
Column 1
</template>
<template>
[[item.att1]
]
</template>
</vaadin-grid-column>
<vaadin-grid-column class="header" width="200px">
<template class="header">
Column 2
</template>
<template>
[[item.att2]
]
</template>
</vaadin-grid-column>
</vaadin-grid>