<oj-data-grid
    id="datagrid"
    aria-label="Data Grid Heatmap Demo"
    class="demo-data-grid"
    data="[[dataGridProvider]]"
    header.row.style="width:16em;"
    header.column.class-name="demo-cell-alignment"
    header.column.style="height:13em;width:2.5em"
    cell.renderer="[[cellRenderer]]"
    cell.class-name="[[setCellClass]]">
    <template slot="columnHeaderTemplate" data-oj-as="header">
        <div class="demo-content-container oj-helper-text-align-left">
            <oj-bind-text value="[[header.item.data]]"></oj-bind-text>
        </div>
    </template>
</oj-data-grid>