提问人:Eren Akgöz 提问时间:11/14/2023 更新时间:11/14/2023 访问量:47
我添加到我的项目的滚动适用于计算机,但不适用于平板电脑
Scroll I Added To My Project Works On Computer But Not On Tablet
问:
我在 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>
答:
0赞
melih
11/14/2023
#1
可能是由于给出了像 px 这样的固定值;它无法响应,因此您无法在平板电脑上看到
评论
0赞
Eren Akgöz
11/15/2023
使用 REM 重新组织了所有数据,但不幸的是它没有再次工作
0赞
William V.
11/16/2023
这个答案看起来更适合作为评论 - 考虑将其添加到原始帖子中。
评论