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.

Run tests:

lein clean
lein doo phantom test once

The above command assumes that you have phantomjs installed. However, please note that doo can be configured to run cljs.test in many other JS environments (chrome, ie, safari, opera, slimer, node, rhino, or nashorn).

Production Build

To compile clojurescript to javascript:

lein build