Disable / Remove sorting on mdbTable for a specific column

Dear @MDWebservices

To remove the sorting functionality from a specific column, try this:

<table id="tableSortExample" mdbTable class="z-depth-1">
  <thead>
    <tr>
      <th
        *ngFor="let head of headElements; let i = index"
        aria-controls="tableSortExample"
        scope="col"
      >
        <a *ngIf="head !== 'first'" [mdbTableSort]="elements" [sortBy]="headElements[i]"
          >{{ head | titlecase }}
        </a>
        <a style="cursor: default" *ngIf="head === 'first'"> {{ head | titlecase }}</a>
        <mdb-icon fas icon="sort" *ngIf="head !== 'first'"></mdb-icon>
      </th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let el of elements; let i = index">
      <th scope="row">{{ el.id }}</th>
      <td>{{ el.first }}</td>
      <td>{{ el.last }}</td>
      <td>{{ el.handle }}</td>
    </tr>
  </tbody>
</table>

TS

 elements: any = [];
  headElements = ['id', 'first', 'last', 'handle'];

  ngOnInit() {
    for (let i = 1; i <= 15; i++) {
      this.elements.push({ id: i, first: 'User ' + i, last: 'Name ' + i, handle: 'Handle ' + i });
    }
  }

In my example I removed sorting by 'first'.

Hope it helps!

Best Regards, Bartosz.