tab/app/views/users/show.html.haml

%h2= @user.name

%table#transactions.pure-table.pure-table-striped{data: { source: user_path(@user) }}
  %thead
    %tr
      %th Time
      %th Amount
      %th Peer
      %th Issuer
      %th Message
  %tbody
  %tfoot
    %tr
      %td.bound.input-listen{ 'data-input-type': 'date-range' }
        %input.lower-bound{type: 'date', placeholder: 'after'}
        = "<= Time <="
        %input.upper-bound{type: 'date', placeholder: 'before'}
      %td.bound.input-listen{ 'data-input-type': 'number-range' }
        %input.lower-bound{type: 'number', placeholder: 'lower', class: 'pure-u-1-5'}
        = "<= Amount <="
        %input.upper-bound{type: 'number', placeholder: 'upper', class: 'pure-u-1-5'}
      %td.input-listen{ 'data-input-type': 'text' }
        %input{type: 'text', placeholder: 'Filter on Issuer'}
      %td.input-listen{ 'data-input-type': 'text' }
        %input{type: 'text', placeholder: 'Filter on Peer'}
      %td.input-listen{ 'data-input-type': 'text' }
        %input{type: 'text', placeholder: 'Filter on Message'}