      (let [paginator-above (= :above (:paginator props))
            paginator-below (= :below (:paginator props))
            paginator [Paginator {:ref "paginator"
-                                 :num-rows (count (:filtered-data @state))
+                                 :num-rows-visible (count (:filtered-data @state))
+                                 :num-total-rows (count (:data props))
                                  :onChange #(react/call :handle-pagination-change this)}]]
        [:div {}
         (when (:filterable? props)

                        :cursor (when (:dragging? @state) "col-resize")}
                :onMouseMove (fn [e]
                               (when (:dragging? @state)
                                 (let [widths (:column-widths @state)
                                       current-width (nth widths (:drag-column @state))
                                       new-mouse-x (.-clientX e)
                                       drag-amount (- new-mouse-x (:mouse-x @state))
                                       new-width (+ current-width drag-amount)]
                                   (when (>= new-width 10)
                                     (swap! state update-in [:column-widths]
                                       assoc (:drag-column @state) (+ current-width drag-amount))
                                     (swap! state assoc :mouse-x new-mouse-x)))))
                :onMouseUp #(swap! state assoc :dragging? false)}
          (render-header state props)

   (fn [{:keys [state this]}]
     [:span {}
      (style/create-text-field {:ref "filter-field" :placeholder "Filter"
                                :style {:backgroundColor (if (:synced @state) "#fff" (:tag-background style/colors))}
                                :onKeyDown (common/create-key-handler
                                             [:enter] #(react/call :apply-filter this))
                                :onChange #(swap! state assoc :initial false :synced false)})
