Customize checkboxable ngx-datatable-column

I have a grid with multicheckbox selectable rows like this:

And I want to get something like this:

Let me know if it is possible.

My code below:

    <ngx-datatable #table style="width:100% !important;"
               class="bootstrap recepciones"
               [class.col-sm-3]="expandSearch"
               [columnMode]="'force'"
               [rows]="lstAlmacenCoreCabecera"
               [limit]="50"
               [footerHeight]="50"
               [rowHeight]="getHeigthRow()"
               [headerHeight]="40"
               [selectionType]="selectionType"
               [selectCheck]="checkSelectable"
               [selected]="selected"
               (activate)="onActivate($event)"
               (select)="onSelect($event)"
               [messages]="{emptyMessage: 'Sin información que mostrar', totalMessage: 'total', selectedMessage: 'seleccionado'}">
  <ngx-datatable-column [sortable]="false" [checkboxable]="true">
    <ng-template let-row="row" let-rowIndex='rowIndex' ngx-datatable-cell-template>
      <div class="row mx-0" style="cursor:pointer">
        <div class="col-sm-4 px-1">
          <div class="title">Ruta</div>
          <div class="value"></div>
        </div>
        <div class="col-sm-4 px-1">
          <div class="title">Actividad</div>
          <div class="value"></div>
        </div>
      </div>
    </ng-template>
  </ngx-datatable-column>
</ngx-datatable>