Topic: mdbTableSort is not working

t.kehl premium asked 1 year ago

I generate a Table-Header like this:

            <thead class="sticky-top">
                <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>

and here the Table-Body:

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

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>

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 1 year ago

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

Please insert min. 20 characters.


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



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