Ag-grid getRowStyle 无法正常工作答案

【问题标题】：Ag-grid getRowStyle doesn't work properlyAg-grid getRowStyle 无法正常工作
【发布时间】：2020-05-06 16:44:41
【问题描述】：

我正在尝试实现一种行样式，这样如果重要的列缺少值，那么它应该是红色的（如警报）。我有以下逻辑：

(defn missing-requirements? [params]
  (not (every? (js->clj (.-data params)) @state/important-tags)))

这是正在渲染的主要功能

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

(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 700 :color "purple"}}
    [ag-adapter {:modules "AllCommunityModules"
                 :columnDefs  @state/cols
                 :rowData @state/rows
                 :defaultColDef {:sortable true
                                 :filter "agTextColumnFilter"
                                 :floatingfilter true
                                 :resizable true
                                 :flex 1
                                 :width deafult-col-w}
                 :getRowStyle (fn [params] (if (error/missing-requirements? params) {:background-color "Green"}))
                 :sidebars "filters"
                 :onGridReady (fn [params] 
                                (:gridApi (.-api params))
                                (:gridColumnApi (.-columnApi params)))}]]])

只要 :rowStyle {:background-color "red"} 就可以了。有人知道可能出了什么问题吗？我有 ag-grid-react 版本 21.0.1-1 作为依赖项。

【问题讨论】：

这里没有足够的测试。我们不知道 params 是什么样子，或者您的表格代码的其余部分。理想情况下，您可以将其归结为一个我们可以轻松运行的小代码示例。这就是说在这里我很清楚你说的例子使用rowStyle，而你说的例子不使用getRowStyle。如果不是这样，我会查看返回的打嗝（向量）并确保它看起来符合您的预期。

标签： ag-grid clojurescript ag-grid-react reagent

【解决方案1】：

如下图添加#js解决了

:getRowStyle (fn [params] (if (error/missing-requirements? params) #js {:background-color "Green"}))

【讨论】：