<hot-table>

Dynamically generated context menu demo

Simple Example

Click the button to generate dynamically different context menu commands. Generate for or .

Code


  <template id="tpl" is="dom-bind">
    <hot-table id="example" width="570" height="280" datarows="{{ people }}" row-headers context-menu column-sorting sort-indicator persistent-state manual-column-resize manual-column-move manual-row-resize manual-row-move>
      <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"></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>