Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: mdbTableSort is not working

t.kehl premium asked 2 years ago


I generate a Table-Header like this:

            <thead class="sticky-top">
            <tr>
                <th *ngFor="let head of headElements; let i = index" [mdbTableSort]="elements" [sortBy]="head.sort" 
                    scope="col" [style.width]="(head.col == 'bem' ? '200em' : '60px')">{{head.head | titlecase}} <mdb-icon fas icon="sort"></mdb-icon>
                </th>
            </tr>
        </thead>

and here the Table-Body:

        <tbody #row>
            <tr mdbTableCol *ngFor="let el of elements; trackBy: trackByFn; let i = index">
                <td>
                    {{el.adrNr}}</td>
                <td>
                    {{el.name}}</td>
                <td>
                    {{el.reNr}}</td>
                <td>
                    {{el.status}}</td>
                <td>
                    <span>{{el.reDat | localizedDate:'dd.MM.yyyy'}}</td>
                <td>
                    {{el.fallDat | localizedDate:'dd.MM.yyyy'}}</td>
                <td>
                    {{el.obj}}</td>
                <td>
                    {{el.mahnSperre}}</td>
                <td>
                    {{el.offBet | number : '.2-2'}}</td>
                <td>
                    <textarea type="text" id="form7"
                                        class="md-textarea md-textarea-auto form-control" mdbInput
                                        style="font-size: 11pt"
                                        [ngModel]="el.bem"
                                        maxlength="600"
                                        (ngModelChange)="saveComment(el.dto, $event)"></textarea>
                    </td>
            </tr>
        </tbody>

The sorting is generally working perfect. But one customer uses a Browser-Extension which adds a self implemented span (tcxspan) to the data:

<td _ngcontent-lrc-c653="">
   <span _ngcontent-lrc-c653="">
       <tcxspan tcxhref="2173706" title="Call 2173706 via 3CX">2173706</tcxspan>
    </span>
</td>

Now, the sorting is not working anymore. Can someone help me what I can do here?

Thank you.

Best Regards THomas


Arkadiusz Idzikowski staff commented 2 years ago

Could you please provide more information that would help us to reproduce this problem on our end?



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB4 13.0.0
  • Device: Notebook
  • Browser: Chrome
  • OS: Windows 11
  • Provided sample code: No
  • Provided link: No