我添加到我的项目的滚动适用于计算机,但不适用于平板电脑

Scroll I Added To My Project Works On Computer But Not On Tablet

提问人:Eren Akgöz 提问时间:11/14/2023 更新时间:11/14/2023 访问量:47

问:

我在 Angular 项目中添加到项目中的滚动功能在我从电脑上尝试时可以流畅运行,但是当我切换到平板电脑时,它不滚动,这是什么原因?

我的 Html 代码;

 <div class="col-md-12" style="width: 100%; overflow: auto; max-height:750px;">
        <table class="table table-bordered istenilenTable">
            <thead>
                <tr>
                    <th  class="istenlenTh stickyth min-with100"  style="left: -1px; min-width:200px !important; z-index: 1;">{{'measurmentPoint' | translate}}</th>
                    <th class="istenlenTh stickyth min-with100"  style="left: 200px; z-index: 1;">{{'Value' | translate}}</th>
                    <th *ngFor="let realMeasurmentTableDetail of getOrderedMeasurmentTableDetail();let j = index">
                        {{realMeasurmentTableDetail?.sizeName + ' -' + realMeasurmentTableDetail?.bPantNo}}
                        <button class="btn btn-icon deleteBtn"
                            (click)="deleteColumn(realMeasurmentTableDetail.pantNo,realMeasurmentTableDetail.sizeId)">
                            <i class="fa fa-times"></i>
                        </button>
                    </th>
                </tr>
            </thead>
            <tbody style="width: 100%;">
                <tr [ngClass]="{'selected-row': rowIndex === selectedRowIndex}"
                    *ngFor="let measurementPoint of checkedMeasurmentPointId;index as rowIndex">
                    <td  class="istenlenTd stickytd1">
                        {{getMeasurementPoint(measurementPoint)}}
                    </td>
                    <td class="measurement-table-cell istenlenTd stickytd2">
                        {{getMeasurementTableValue(measurementPoint)}}
                    </td>
                    <td id="value"
                        [ngClass]="{'selected-cell': selectedRowIndex === rowIndex && selectedColumnIndex === columnIndex}"
                        *ngFor="let currRealMeasurementTableDetail of getOrderedMeasurmentTableDetailById(measurementPoint);let columnIndex = index;"
                        (click)="setClickIndex(rowIndex,columnIndex,currRealMeasurementTableDetail)">
                        {{currRealMeasurementTableDetail.value}}
                    </td>
                </tr>
            </tbody>
        </table>
</div>

Web 应用程序映像 :Web Application Image

HTML CSS 角度

评论


答:

0赞 melih 11/14/2023 #1

可能是由于给出了像 px 这样的固定值;它无法响应,因此您无法在平板电脑上看到

评论

0赞 Eren Akgöz 11/15/2023
使用 REM 重新组织了所有数据,但不幸的是它没有再次工作
0赞 William V. 11/16/2023
这个答案看起来更适合作为评论 - 考虑将其添加到原始帖子中。