   </div>
    <!-- display spectra as list -->
    <div class="col-md-12" *ngIf="pagination.table !== true">
        <div *ngFor="let spectrum of spectra" class="m-md-3">
            <display-spectra-panel [spectrum]="spectrum"></display-spectra-panel>
        </div>
    </div>

    <!-- display spectra as table-->
    <!-- we have to use hidden tag here bug there is a rendering bug problem with
      the masspec plotter when its first loaded -->
    <div class="col-md-12" *ngIf="pagination.table === true">