swimlane / ngx-datatable

✨ A feature-rich yet lightweight data-table crafted for Angular
http://swimlane.github.io/ngx-datatable/
MIT License
4.63k stars 1.68k forks source link

Issue with ngx-drop down, overlapping ngx-datatable view #1534

Open ni3stack opened 6 years ago

ni3stack commented 6 years ago

I'm submitting a ... [ ] bug report

Current behavior i have used drop down in ngx-datatable since the size of the drop down is more then the column i used container ="body" which made the drop down attached to document and it is completely visible now when i'm trying to scroll down my drop down pop is going outside of the table. Please find the attached. image

Expected behavior it should not overlap the table heading and go behind the on scroll down. please Let me know if i'm doing something wrong. if i remove the container= "body" it will work but my drop down will not be displayed completely image image

Reproduction of the problem

<ngx-datatable-column  name="Download" [width]="10" prop="download" [sortable]="false">

      <ng-template let-row="row" ngx-datatable-cell-template let-rowIndex="rowIndex">
        <div class="action-ddm">
          <div class="btn-group" dropdown container="body">

            <button dropdownToggle style="cursor: pointer" type="button" class="btn btn-primary dropdown-toggle form-control">
              <span class="selected-text">{{row['viewDownloadOption'] || 'Select'}}</span>
              <span class="caret"></span>
            </button>
            <ul *dropdownMenu class="dropdown-menu download-menu" role="menu">
              <li role="menuitem" (click)=" row['viewDownloadOption'] = 'Match'"><a class="dropdown-item" href="javascript:void(0)">Match</a></li>
              <li role="menuitem" *ngIf="row['status'] == 10" (click)="row['viewDownloadOption'] = 'Final Analysis'"><a class="dropdown-item" href="javascript:void(0)">Final Analysis</a></li>
            </ul>
          </div>
        </div>
      </ng-template>
    </ngx-datatable-column>

What is the motivation / use case for changing the behavior?

Please tell us about your environment: Windows 10

ni3stack commented 6 years ago

can someone help me with this??

ghost commented 4 years ago

any help on this