我在我的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应用程序映像:x1c 0d1x
1条答案
按热度按时间46scxncf1#
可能是由于给予像px这样的固定值;它无法响应,所以你在平板电脑上看不到