title: How to show and use radio button on ag-grid?
body: <p>I am learning ag-grid and tried following code to show checkbox in my application.</p>
  
  <p>In app.component.html:</p>
  
  <pre><code>&lt;ag-grid-angular
    style:"width: 500px; height: 500px;"
    class: "ag-theme-balham"
    [rowData]="rowData"
    [columnDefs]="columnDefs"
    rowSelection="multiple"
    [gridOptions]="gridOptions"
    [gridReady]="onGridReady($event)"&gt;
  &lt;/ag-grid-angular&gt;
  </code></pre>
  
  <p>In AppComponent.ts:</p>
  
  <pre><code>export class AppComponent implements OnInit {
    @ViewChild('agGrid')
    agGrid: AgGridNg2;
    private gridApi;
    private gridColumnApi;
    gridOptions: GridOptions;
  
    columnDefs = [
      {headerName: 'Make', field: 'make', checkboxSelection: true}, 
      {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}
    ];
  
    onGridReady() {
      this.gridApi = params.api;
      this.gridColumnApi = params.columnApi;
    }
  }
  </code></pre>
  
  <p>I wanted to show radio button instead of checkbox.</p>