悬停弹出大小限制在 table data.How 以内以完全显示它?
On hover pop up size limited within table data.How to display it completely?
我在 ng-repeat 中使用 bootstrap 悬停弹出窗口(使用数据切换和数据内容),如下所示。
<tr ng-repeat="row in docDetails">
<td class="uploadedDocs"> {{row.EnrollmentDocumentTypeName}}</td>
<td class="uploadedDocs">
<div class="col-sm-2" data-toggle="popover" data-content="Uploaded By:{{row.DocumentUploadedBy}} Uploaded Date :{{row.ChangedDateTime | date:'dd-MMM-yyyy HH:mm:ss'}}" data-trigger="hover">
{{row.FileName}}
</div>
</td>
现在我将它添加到 <td>
中后,弹出内容受到 td 大小的限制,我希望弹出完全显示,而不是限制在 table 数据中。
有什么建议吗?
我可以使用 data-container="body"
修复它
我在 ng-repeat 中使用 bootstrap 悬停弹出窗口(使用数据切换和数据内容),如下所示。
<tr ng-repeat="row in docDetails">
<td class="uploadedDocs"> {{row.EnrollmentDocumentTypeName}}</td>
<td class="uploadedDocs">
<div class="col-sm-2" data-toggle="popover" data-content="Uploaded By:{{row.DocumentUploadedBy}} Uploaded Date :{{row.ChangedDateTime | date:'dd-MMM-yyyy HH:mm:ss'}}" data-trigger="hover">
{{row.FileName}}
</div>
</td>
现在我将它添加到 <td>
中后,弹出内容受到 td 大小的限制,我希望弹出完全显示,而不是限制在 table 数据中。
有什么建议吗?
我可以使用 data-container="body"