<hot-table>

Filtering data demo

Simple Example

Code


  <template id="tpl" is="dom-bind">
    <hot-table width="350" height="280" datarows="{{ people }}" context-menu dropdown-menu max-rows="10" filters>
      <hot-column width="50" read-only value="id" header="ID" type="numeric"></hot-column>
      <hot-column width="100" value="name.first" header="First Name"></hot-column>
      <hot-column width="100" value="name.last" header="Last Name">
        <template data-hot-role="renderer" is="dom-template">
          <bold-renderer value="{{ value }}"></bold-renderer>
        </template>
      </hot-column>
      <hot-column width="100" value="gender" type="dropdown" source="genderList" header="Gender">
        <template data-hot-role="renderer" is="dom-template">(<span>{{ value }}</span>)</template>
      </hot-column>
    </hot-table>
  </template>