re-datagrid

A re-frame datagrid component that is configurable with fields, etc. It is based/depends on re-frame. It has various configuration options, but the main usage is:

(use '[re-datagrid.views :refer [datagrid]])
(def opts
 {:grid-id :my-id
  ;;Each record should have a primary key, which is unique.
  ;;Doesn't have to be rendered/present in `field` vector
  :id-field :key-that-is-the-primary-key

  ;;should return a list of maps, where (some) keys correspond to the value for :name in the `fields` array.
  :data-subscription [:my-re-frame-data-subscription]
  ;; other options...
  })
(def fields
[{:name :my-field
  :title "My column"}
  {:name :my-field-2
  :title "My column 2"}])
[datagrid opts fields]

It features:

• Sorting
• Filtering
• Checkbox select rows
• CRUD operations (and in-line editing)
• Various config options for CRUD operations
• Configuration over cell formatting
• Extensible field (column) types through multi-methods

See the available options for opts and fields in the re-datagrid.schema namespace. Also, see the re-datagrid-demo.views namespace for example usage.

Field types are extensible via multi-methods, but the basic one is already pretty flexible:

Basic field:

{:name :my-field :title "Header title"}

Add a formatter:

{:name  :my-field
 :title "Header title"
 :formatter (fn [value record]
             ;;return a string for the value in the cell
            )}

Run demo application / development mode:

The demo uses figwheel-main

From Emacs/CIDER

cider-jack-in-clj&cljs

When the prompt comes, type dev.

From leiningen:

lein dev

Figwheel will automatically push cljs changes to the browser.

Wait a bit, then browse to http://localhost:3447/figwheel.html.

Production Build

To compile clojurescript to javascript:

lein build