Responsive extension not working with server side anguar way

I tried to implement server side angular way with responsive extension. I followed all the steps given in example at Responsive Extension.

But it is not working. I applied class ‘none’ to the first column in ‘th’ of the html. Header column name is hiding but column stay as it is. I also tried with adding columns to the dtoptions.

drivers: Driver[] = [];

this.dtOptions = {
      pagingType: 'full_numbers',
      pageLength: 10,
      processing: true,
      serverSide: true,
      language: {
        infoEmpty: AppSettings.EmptyDataTableMessage,
      },     
      responsive: true,     
      ajax: (dataTablesParameters: any, callback) => {
        let pageOffset = dataTablesParameters.start;
        let pageSize = dataTablesParameters.length;
        let searchText = dataTablesParameters.search != null ? dataTablesParameters.search.value : '';
        this._driverService.getAllDrivers(pageOffset, pageSize, searchText).subscribe(response => {
          this.drivers = response;
          callback({
            recordsTotal: response.length > 0 ? response[0].RecordsTotal : 0,
            recordsFiltered: response.length > 0 ? response[0].RecordsTotal : 0,
            data: []
          });
        });
      },
    };

[aleperfetti81]

I confirm that server side the angular way broke responsive. The @kettunen solution is fine. I’ve another working solution:

TS file:

dtOptions: DataTables.Settings = {};
  viewAnagrafiche: [] = [];

  // We use this trigger because fetching the list of persons can be quite long,
  // thus we ensure the data is fetched before rendering
  dtTrigger: Subject<any> = new Subject();

ngOnInit() {
    this.loadTable(); 
  }

ngAfterViewInit(): void {
    this.dtTrigger.next();    
  }

loadTable(){
    const that = this;

    let rq = new ElencoAnagraficheFormRQ();


    this.dtOptions = {
      serverSide: true,
      processing: true,
      search: false,
      responsive: true,
      order: [1],
      ajax: (dataTablesParameters: any, callback, settings) => {

        rq.dataTablesInput = dataTablesParameters;
        
        that.anagraficaService.getElencoAnagraficheForm(rq).subscribe(
          
          x => {
            if (x) {
              that.viewAnagrafiche = x.dataTableResult.data;

              callback({
                recordsTotal: x.dataTableResult.recordsTotal,
                recordsFiltered: x.dataTableResult.recordsFiltered,
                data: x.dataTableResult.data
              });

              this.dataTableService.attachClickEvent(".btn-seleziona", this.selectAnagrafica, that);
            }
          },
          error => {
            this.showGenericError(error);
          });
      },
      columns: this.getColumns()
    };
  }

Template:

<table datatable appDataTables [dtTrigger]="dtTrigger" [dtOptions]="dtOptions" style="width: 100%"
                        class="table">
                        <thead>
                            <tr>
                                <th></th>
                                <th><span>{{ 'customers.elencoAnagraficheForm.ragioneSociale' | translate}}</span></th>
                                <th><span>{{ 'customers.elencoAnagraficheForm.agenzia' | translate}}</span></th>
                                <th><span>{{ 'customers.elencoAnagraficheForm.codiceFiscale' | translate}}</span></th>
                                <th><span>{{ 'customers.elencoAnagraficheForm.partitaIva' | translate}}</span></th>
                                <th><span>{{ 'customers.elencoAnagraficheForm.citta' | translate}}</span></th>
                                <th><span>{{ 'customers.elencoAnagraficheForm.provincia' | translate}}</span></th>
                                <th><span>{{ 'customers.elencoAnagraficheForm.cellulare' | translate}}</span></th>
                                <th><span>{{ 'customers.elencoAnagraficheForm.email' | translate}}</span></th>
                            </tr>
                        </thead>
                    </table>

[AArayeshi]

@aleperfetti81 your solution is not angular way. it is just server side.