Javascript 如何设置工具提示z索引大于剑道网格标题?
我对数据使用剑道网格,对于一个字段,我使用角度工具提示,因此我对工具提示有一个问题,第一行工具提示隐藏在剑道网格标题下,所有其他行都可以使用z索引。所以我想在这个字段中添加z-index,这样它也可以在第一行显示。如何使用css实现该任务 config.jsJavascript 如何设置工具提示z索引大于剑道网格标题?,javascript,css,angularjs,Javascript,Css,Angularjs,我对数据使用剑道网格,对于一个字段,我使用角度工具提示,因此我对工具提示有一个问题,第一行工具提示隐藏在剑道网格标题下,所有其他行都可以使用z索引。所以我想在这个字段中添加z-index,这样它也可以在第一行显示。如何使用css实现该任务 config.js { field: 'locationComments', title: 'Location Comments', width: '210px', filterable: false, sortable
{
field: 'locationComments',
title: 'Location Comments',
width: '210px',
filterable: false,
sortable: false,
template: function () {
return '<textarea '+
'data-tooltip-html-unsafe="<div>{{512 - this.dataItem.locationComments.length}} characters left</div>" '+
'tooltip-trigger="{{{true: \'focus\', false: \'never\'}[this.dataItem.locationComments.length >= 0 || this.dataItem.locationComments.length == null ]}}" '+
'tooltip-placement="top" dropdown-append-to-body="true" tooltip-class = "bluefill" '+
'maxlength="512" #=gridStatus=="NOT_EDITABLE" ? "disabled" : "" # type="text" id="locationComments" name="locationComments" ng-model="this.dataItem.locationComments" ></textarea>';
}
使用tooltip属性tooltip append to body=“true”,使其位于dom之外,以防止其弹出
感谢您的回复,但我仍在试图理解为什么我们使用属性下拉菜单append to body=“true”,我添加了属性,但仍然没有看到工具提示。请检查我根据您的答案编辑的问题。对不起,我的错。。打字太快了。尝试将工具提示附加到body='true'在添加工具提示附加到body='true'后仍然没有成功:(
.k-grid-content table tr td textarea.toolTipIndex {
z-index:10002;
}