<!-- btcValue Column -->
    <ng-container matColumnDef="btn">
      <mat-header-cell *matHeaderCellDef>
        <mat-menu class="advancedSearchMenu"  #advancedSearch="matMenu">
          <div class="wrapperRow">
            <div class="filter-element">
              <p>Returns</p>
              <span class="from">-99%</span>
              <div class="wrapper-slider">
                <mat-slider class="slider" (click)="$event.stopPropagation()" #returnsVal min="-99" max="1000" step="1"
                            value="100">
                </mat-slider>
                  <div class="wrapper-value">
                      <span class="sl-value-big" [ngStyle]="{left: (returnsVal.value / 10.99) + '%'}">{{returnsVal.value}}%</span>
                  </div>
              </div>
              <span class="to">1000%</span>
            </div>
            <div class="filter-element">
              <p>Winning Trades</p>
              <span class="from">0%</span>
                <div class="wrapper-slider">
                  <mat-slider class="slider" (click)="$event.stopPropagation()" #winVal min="0" max="100" step="1"
                              value="100">slider
                  </mat-slider>
                    <div class="wrapper-value">
                        <span class="sl-value-small" [ngStyle]="{left: winVal.value + '%'}">{{winVal.value}}%</span>
                    </div>
                </div>
              <span class="to">100%</span>
            </div>
          </div>
          <div class="wrapperRow">
            <div class="filter-element">
              <p>Max DD</p>
              <span class="from">0</span>
                <div class="wrapper-slider">
                  <mat-slider class="slider" (click)="$event.stopPropagation()" #maxDD min="0" max="100" step="1" value="100">
                    slider
                  </mat-slider>
                    <div class="wrapper-value">
                        <span class="sl-value-small" [ngStyle]="{left: maxDD.value + '%'}">{{maxDD.value}}%</span>
                    </div>
                </div>
              <span class="to">100%</span>
            </div>
            <div class="filter-element">
              <p>Average Holding(days)</p>
              <span class="from">0</span>
                <div class="wrapper-slider">
                  <mat-slider class="slider" (click)="$event.stopPropagation()" #averageDays min="0" max="365" step="1"
                              value="365">slider
                  </mat-slider>
                    <div class="wrapper-value">
                        <span class="sl-value-small" [ngStyle]="{left: (averageDays.value / 3.65)  + '%'}">{{averageDays.value}}d</span>
                    </div>
                </div>
              <span class="to">365 days</span>
            </div>
          </div>
          <button mat-raised-button [color]="'accent'" (click)="filter()">Search</button>
        </mat-menu>

        <button mat-icon-button [matMenuTriggerFor]="advancedSearch">
          <mat-icon>advanced search</mat-icon>
        </button>
      </mat-header-cell>
      <mat-cell *matCellDef="let element"> <button class="traider-profile-btn" color="accent" mat-raised-button [routerLink]="['/search-traders', element.name]">+</button></mat-cell>
    </ng-container>