<div class="anr__section">
<h3 class="anr__header">ANR xApp Neighbor Cell Relation Table</h3>
- <mat-form-field>
+ <mat-form-field class="input-width">
<mat-label>GgNodeB</mat-label>
<!-- use a native selection widget -->
- <select matNativeControl #ggNodeB (selectionChange)="loadNcrtPage()">
+ <select matNativeControl #ggNodeB (change)="loadNcrtPage()">
<option value="" selected>Select..</option>
<option *ngFor="let g of gNodeBIds" [value]="g">{{g}}</option>
</select>
</mat-form-field>
- <mat-form-field class="input-pad-left">
+ <mat-form-field class="input-width input-pad-left">
<input matInput placeholder="Serving Cell NRCGI" #servingCellNrcgi>
</mat-form-field>
- <mat-form-field class="input-pad-left">
- <input matInput placeholder="Neighbor cell NRPCI" #neighborCellNrpci>
+ <mat-form-field class="input-width input-pad-left">
+ <input matInput placeholder="Neighbor Cell NRPCI" #neighborCellNrpci>
</mat-form-field>
<div class="spinner-container" *ngIf="dataSource.loading$ | async">
<mat-spinner></mat-spinner>
</div>
- <table mat-table class="ncr-table mat-elevation-z8" [dataSource]="dataSource">
+ <table mat-table class="ncr-table mat-elevation-z8" [dataSource]="dataSource" matSort>
<ng-container matColumnDef="cellIdentifierNrcgi">
- <mat-header-cell *matHeaderCellDef>Serving Cell NRCGI</mat-header-cell>
+ <mat-header-cell *matHeaderCellDef mat-sort-header>Serving Cell NRCGI</mat-header-cell>
<mat-cell *matCellDef="let ncr">{{ncr.servingCellNrcgi}}</mat-cell>
</ng-container>
<ng-container matColumnDef="neighborCellNrpci">
- <mat-header-cell *matHeaderCellDef>Neighbor Cell NRPCI</mat-header-cell>
+ <mat-header-cell *matHeaderCellDef mat-sort-header>Neighbor Cell NRPCI</mat-header-cell>
<mat-cell *matCellDef="let ncr">{{ncr.neighborCellNrpci}}</mat-cell>
</ng-container>
<ng-container matColumnDef="neighborCellNrcgi">
- <mat-header-cell *matHeaderCellDef>Neighbor Cell NRCGI</mat-header-cell>
+ <mat-header-cell *matHeaderCellDef mat-sort-header>Neighbor Cell NRCGI</mat-header-cell>
<mat-cell *matCellDef="let ncr">{{ncr.neighborCellNrcgi}}</mat-cell>
</ng-container>
<ng-container matColumnDef="flagNoHo">
- <mat-header-cell *matHeaderCellDef>Flag No Handover</mat-header-cell>
+ <mat-header-cell *matHeaderCellDef mat-sort-header>Flag No Handover</mat-header-cell>
<mat-cell *matCellDef="let ncr">{{ncr.flagNoHo}}</mat-cell>
</ng-container>
<ng-container matColumnDef="flagNoXn">
- <mat-header-cell *matHeaderCellDef>Flag No Xn</mat-header-cell>
+ <mat-header-cell *matHeaderCellDef mat-sort-header>Flag No Xn</mat-header-cell>
<mat-cell *matCellDef="let ncr">{{ncr.flagNoXn}}</mat-cell>
</ng-container>
<ng-container matColumnDef="flagNoRemove">
- <mat-header-cell *matHeaderCellDef>Flag No Remove</mat-header-cell>
+ <mat-header-cell *matHeaderCellDef mat-sort-header>Flag No Remove</mat-header-cell>
<mat-cell *matCellDef="let ncr">{{ncr.flagNoRemove}}</mat-cell>
</ng-container>