<template name="activityTable">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h2 class="panel-title">Filter activities by ...</h2>
    </div>
    <div class="panel-body">
      <div class="col-xs-6 col-sm-6">
        {{> reactiveTableFilter id="activityTypeFilter" label="Activity Type" fields=['activityType'] }}
      </div>
    </div>
  </div>
{{> reactiveTable collection=activities settings=tableSettings }}
</template>

<template name="activityTable">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h2 class="panel-title">Filter activities by ...</h2>
    </div>
    <div class="panel-body">
      <div class="col-xs-12 col-sm-8 col-md-6 col-lg-4">
        {{> reactiveTableFilter id="activityTypeFilter" label="Activity Type" fields=['activityType'] }}
      </div>
    </div>
  </div>
{{> reactiveTable collection=activities settings=tableSettings }}
</template>

Add filter column width breakpoints
Add filter column width breakpoints
