Ag grid Ag grid clojurescript可排序键不';行不通

Ag grid Ag grid clojurescript可排序键不';行不通,ag-grid,clojurescript,reagent,Ag Grid,Clojurescript,Reagent,我正在尝试使用ag grid创建一个网格,并激活sortable和filter,但它对localhost不起作用。在columndefinition中,我使用 '':可排序的true'' '':筛选器为真'' 但什么也没发生。有人知道怎么回事吗? 升级至最新的ag grid react cljsjs发行版(21.0.1-1)-例如,使用lein project.clj switch dep至[cljsjs/ag grid react“21.0.1-1”]。应该在这个版本上工作 另外,作为旁注,

我正在尝试使用ag grid创建一个网格,并激活sortable和filter,但它对localhost不起作用。在columndefinition中,我使用 '':可排序的true'' '':筛选器为真''

但什么也没发生。有人知道怎么回事吗?


升级至最新的ag grid react cljsjs发行版(21.0.1-1)-例如,使用lein project.clj switch dep至
[cljsjs/ag grid react“21.0.1-1”]
。应该在这个版本上工作


另外,作为旁注,不需要使用字符串指定道具键,您可以使用关键字-这更为惯用。

升级到最新的ag grid react cljsjs发行版(21.0.1-1)-例如,使用lein project.clj将dep切换到
[cljsjs/ag grid react“21.0.1-1]”
。应该在这个版本上工作


另外,作为旁注,无需使用字符串指定道具键,您可以使用关键字-这更为惯用。

请将代码粘贴到问题中,而不是使用图像。请将代码粘贴到问题中,而不是使用图像。
(ns reagent-ag-grid-ex.core
    (:require
     [reagent.core :as r]
     [cljsjs.ag-grid-react]
     [reagent-ag-grid-ex.state :as state]))

;; -------------------------
;; Views

(def ag-adapter (r/adapt-react-class (.-AgGridReact js/agGridReact) ))


;;(defn get-cols [entry]
;;  (into [] (map #(hash-map :headerName (-> % key name) :field (-> % key name)) entry)))
;;columnDefs: [ {headerName: "Make", field: "make"}, {headerName: "Model", field: "model"}, {headerName: "Price", field: "price"} ]
;;rowData: [ {make: "Toyota", model: "Celica", price: 35000}, {make: "Ford", model: "Mondeo", price: 32000}, {make: "Porsche", model: "Boxter", price: 72000}]

(def deafult-col-w 200)

(defn width-helper [lst]
  (+ (* deafult-col-w (count lst)) 2))

(defn home-page []
  [:div [:h2 "Ekspono tag-model"]
   [:p "My portfolio / Top Index " [:a {:style {:background-color "#C0C0C0" :float "right" :color "black"} 
                                        :href "https://www.google.com" :target "_blank"} "Show problems"]]
   [:div {:className "ag-theme-balham" :style {:height 200 :width (width-helper state/cols) :color "purple"}}
    [ag-adapter {"columnDefs"  state/cols 
                 "rowData" state/rows
                 "defaultColDef" {:sortable true
                                  :width deafult-col-w}}]]

   [:div [:a {:href "https://www.tabyenskilda.se/fredrik-cumlin/" :target "_blank"} 
          "@copyright Fredrik Cumlin"]]])

;; -------------------------
;; Initialize app

(defn mount-root []
  (r/render [home-page] (.getElementById js/document "app")))

(defn init! []
  (mount-root))