<hot-table>
Collapsing columns with nested headers demo
Simple Example
Code
<dom-bind>
<template>
<hot-table width="570" height="500" datarows="{{ people }}" row-headers context-menu hidden-columns
nested-headers="{{ settings.nestedHeaders }}" collapsible-columns="{{ settings.collapsibleColumns }}">
<hot-column width="125" value="name" header="Full Name"></hot-column>
<hot-column width="125" value="address" header="Address"></hot-column>
<hot-column width="125" value="registered" header="Registered" type="date" date-format="YYYY-MM-DD"></hot-column>
<hot-column width="125" value="balance" header="Balance" type="numeric">
<template data-hot-role="renderer" is="dom-template">
<bold-renderer value="{{ value }}"></bold-renderer>
</template>
</hot-column>
</hot-table>
</template>
</dom-bind>