Web component filtered table

web_component.html

<ws-filter-table perpage="20" data-table="{some_json_structure}">
  <ws-row-template>
    <ws-topic-row></ws-topic-row>
  </ws-row-template>
  <ws-filters>
    <div class="filters">
      <input type="text" name="topicName"/>
      <input type="checkbox" name="myTopics"/>
    </div>
  </ws-filters>
  <table>
    <thead>
      <tr>...</tr>
    </thead>
    <tbody></tbody>
  </table>
  <ws-navigation></ws-navigation>
</ws-filter-table>