Как отобразить значок сортировки при загрузке страницы - PullRequest
Новая
       21

Как отобразить значок сортировки при загрузке страницы

0 голосов
/ 04 марта 2019

Я использовал загрузчик 3 для своего проекта, я использовал значок сортировки таблицы. Я столкнулся с некоторым конфликтом на этом значке сортировки, когда значок сортировки загрузки страницы не отображается, когда я нажимаю на заголовок таблицы, отображается значок сортировки,

Пожалуйста, помогите мне решить эту проблему, как отобразить значок сортировки при загрузке страницы

это мой код 

<div class="table-responsive">
                    <table id="corporate" class="table table-bordered report-table " style="width:100%">
                      <thead>
                      <tr>
                        <th  style="width:200px;" (click)="coporateCustomerSortBy('name')">
                          <div class="disp-blk-2"> Name    <span *ngIf="sortType == 'name' && !sortReverse" class="fas fa-sort-amount-up"></span>
                            <span *ngIf="sortType == 'name' && sortReverse" class="fas fa-sort-amount-down"></span></div>

                        </th>
                        <th style="width:200px;" (click)="coporateCustomerSortBy('location')">
                          <div class="disp-blk-2" >Location <span *ngIf="sortType == 'location' && !sortReverse" class="fas fa-sort-amount-up"></span>
                            <span *ngIf="sortType == 'location' && sortReverse" class="fas fa-sort-amount-down"></span></div>

                        </th>
                        <th style="width:200px;" (click)="coporateCustomerSortBy('website')">
                          <div class="disp-blk-2">Website   <span *ngIf="sortType == 'website' && !sortReverse" class="fas fa-sort-amount-up"></span>
                            <span *ngIf="sortType == 'website' && sortReverse" class="fas fa-sort-amount-down"></span></div>

                        </th>
                        <th style="width:200px;">
                          <div class="disp-blk-2">Phone Number</div>
                        </th>
                        <th style="width:200px;">
                          <div class="disp-blk-2">No. of Facilities</div>
                        </th>
                        <th style="width:200px;" (click)="coporateCustomerSortBy('venue')">
                          <div class="disp-blk-2">Venue Name  <span *ngIf="sortType == 'venue' && !sortReverse" class="fas fa-sort-amount-up"></span>
                            <span *ngIf="sortType == 'venue' && sortReverse" class="fas fa-sort-amount-down"></span></div>

                        </th>

                        <th style="width:200px;">
                          <div class="disp-blk-2">Options</div>
                        </th>
                      </tr>
                      </thead>
                      <tbody>
...