title: AG-GRID unable to add icon button into each row of the ag-grid and multiselection checkbox in my ag-grid
body: <p>In each row of my ag-grid. I need to add angular material icon button in each row of ag-grid. However, the outcome only shown me text button. It does not display me icon button in my ag-grid. </p>
  
  <p>Next, I need to have multi selection checkbox in my ag-grid. However, in my ag-grid only able to select one row only. How can I achieve for multi selection row in ag-grid listing.</p>
  
  <p>The following is my source code.</p>
  
  <pre><code>  constructor() { 
        this.gridOptions = &lt;GridOptions&gt;{
            paginationPageSize: 18,
            animateRows: true,
      };
        this.gridOptions.columnDefs = [
          {
              field: "",
              width: 110,
              checkboxSelection: true
          },
          {
              headerName: "Distributor Code",
              field: "dist_code",
              width: 330,
              sortingOrder: ["asc", "desc"]
          },
          {
              headerName: "Distributor Name",
              field: "dist_name",
              width: 330,
              sortingOrder: ["asc", "desc"]
          },
          {
              headerName: "Status",
              field: "status",
              width: 330,
              sortingOrder: ["asc", "desc"],
  
          },
          {
              field: "", 
              width: 110, 
              cellRenderer: function clickNextRendererFunc(){
                      return '&lt;button mat-stroked-button&gt;&lt;mat-icon&gt;keyboard_arrow_right&lt;/mat-icon&gt;&lt;/button&gt;';
              }
          }
      ];
      this.gridOptions.rowData = [
          {dist_code: 1, dist_name: "ABC Enterprise", status: "Inactive"},
          {dist_code: 2, dist_name: "Go Go Enterprise", status: "Active"},
          {dist_code: 3, dist_name: "Alibaba Enterprise", status: "Active"},
          {dist_code: 4, dist_name: "Silver Enterprise", status: "Active"},
          {dist_code: 5, dist_name: "George Enterprise", status: "Inactive"},
          {dist_code: 6, dist_name: "Kent Enterprise", status: "Active"},
          {dist_code: 7, dist_name: "NP Enterprise", status: "Active"},
          {dist_code: 8, dist_name: "ED Enterprise", status: "Inactive"},
          {dist_code: 9, dist_name: "DD Enterprise", status: "Active"},
          {dist_code: 10, dist_name: "DF Enterprise", status: "Active"},
          {dist_code: 11, dist_name: "JS Enterprise", status: "Active"},
          {dist_code: 12, dist_name: "JD Enterprise", status: "Inactive"},
          {dist_code: 13, dist_name: "KFC Enterprise", status: "Active"},
          {dist_code: 14, dist_name: "MCD Enterprise", status: "Inactive"},
          {dist_code: 15, dist_name: "AH Enterprise", status: "Active"},
          {dist_code: 16, dist_name: "PP Enterprise", status: "Active"},
          {dist_code: 17, dist_name: "KOH Enterprise", status: "Active"},
          {dist_code: 18, dist_name: "HH Enterprise", status: "Active"},
          {dist_code: 19, dist_name: "GG Enterprise", status: "Inactive"},
          {dist_code: 20, dist_name: "PP2 Enterprise", status: "Active"}
      ]
  
      }
  </code></pre>
  
  <p>The following is my print screen 
  <a href="https://i.stack.imgur.com/0ZaXP.png" rel="noreferrer"><img src="https://i.stack.imgur.com/0ZaXP.png" alt="enter image description here"></a></p>