title: How can I add icon to react ag-grid rows?
body: <p>I use react ag-grid library and I tried cellRenderer function but it doesn't work.</p>
  <pre><code>columnDefinationWaterUsage: [
                  { headerName: &quot;&quot;, cellRenderer: countCellIndex, width: 45, minWidth: 40, editable: false, },
                  { headerName: &quot;Yıl&quot;, field: &quot;Year&quot;, width: 50, minWidth: 50, maxWidth: 100, suppressSizeToFit: false, sortable: true },
                  { headerName: &quot;Dönem&quot;, field: &quot;TermSequence&quot;, width: 75, minWidth: 50, maxWidth: 100, suppressSizeToFit: false },
                  { headerName: &quot;İlk Endeks&quot;, field: &quot;FirstIndex&quot;, width: 90, minWidth: 50, maxWidth: 150, suppressSizeToFit: false },
                  { headerName: &quot;Son Endeks&quot;, field: &quot;LastIndex&quot;, width: 95, minWidth: 50, maxWidth: 150, suppressSizeToFit: false },
                  { headerName: &quot;Tüketim&quot;, field: &quot;UsageAmount&quot;, width: 75, minWidth: 50, maxWidth: 100, suppressSizeToFit: false },
                  { headerName: &quot;Tutar&quot;, field: &quot;TotalAmount&quot;, width: 60, minWidth: 50, maxWidth: 100, suppressSizeToFit: false },
                  { headerName: &quot;Son Ödeme Tarihi&quot;, cellRenderer: (data) =&gt; { return ChangeDateFormatRowdata(data.data.LastPaymentDate) }, width: 135, minWidth: 50, maxWidth: 200, suppressSizeToFit: false },
                  { headerName: &quot;Okuma Tarihi&quot;, cellRenderer: (data) =&gt; { return ChangeDateFormatRowdata(data.data.ProcessDate) }, width: 110, minWidth: 50, maxWidth: 200, suppressSizeToFit: false },
                  { headerName: &quot;Tahakkuk&quot;, cellRenderer: actionCellRenderer, width: 85, minWidth: 50, maxWidth: 200, suppressSizeToFit: false },
                  { headerName: &quot;Tahsilat&quot;, cellRenderer: actionCellRenderer, width: 85, minWidth: 50, maxWidth: 200, suppressSizeToFit: false },
              ]
  </code></pre>
  <p>my function is;</p>
  <pre><code>function actionCellRenderer(params) {
      return '&lt;span&gt;&lt;i class=&quot;bi-react-icons&quot;&gt;&lt;BiCoinStack/&gt;&lt;/i&gt;&lt;/span&gt;'       
    }
  </code></pre>
  <p>how can I add icons in ag grid rows ?</p>