Html 单击任意单元格时,网格页面向上移动
我使用网格显示我的数据,问题是当我们点击任何单元格、行或复选框时,页面会向上移动到起始元素。页面应该保持原样,而不是向上移动 从DOM中,我发现活动元素是Html 单击任意单元格时,网格页面向上移动,html,angular,slickgrid,angular-slickgrid,Html,Angular,Slickgrid,Angular Slickgrid,我使用网格显示我的数据,问题是当我们点击任何单元格、行或复选框时,页面会向上移动到起始元素。页面应该保持原样,而不是向上移动 从DOM中,我发现活动元素是' 当我删除上面的行,然后它停止移动页面上点击任何单元格,并按照正确的行为正常工作 这是我的密码: <section id="order-grid"> <div class="row"> <div class="col-12" id=&
'
当我删除上面的行,然后它停止移动页面上点击任何单元格,并按照正确的行为正常工作
这是我的密码:
<section id="order-grid">
<div class="row">
<div class="col-12" id="demo-container">
<angular-slickgrid #slickGrid [gridId]="orderGrid" (onAngularGridCreated)="angularGridReady($event)"
[columnDefinitions]="orderTableColumns" [gridOptions]="orderGridOptions" [dataset]="orderItems"
(sgOnClick)="onCellClicked($event.detail.eventData, $event.detail.args)"
(sgOnCellChange)="onCellChanged($event.detail.eventData, $event.detail.args)">
</angular-slickgrid>
</div>
</div>
</section>
以下是有关行为的链接:
如果您能为我提供一些解决方案,说明为什么会发生这种情况,我将不胜感激。我是Angular Slickgrid的作者,我发现您的问题很难理解。除了DOM元素之外,您的问题中也没有包含任何代码。所以我不能真正帮助你,我也不认为任何其他人可以帮助你,请为你的问题提供更多信息,至少了解上下文。另外,您可能正在描述SlickGrid的一个问题,只是提醒您Angular SlickGrid是SlickGridHi@Ghicoding顶部的一个包装器,我已经更新了我的问题,请查看一下。我仍然不理解您的问题,还要在此处添加图像或动画gif,只需复制并粘贴它,它就会显示在问题中。代码没有帮助,我不理解您的问题,可能是
sgOnClick
或sgOnCellChange
的内容,但问题是什么?不太清楚,我想我理解这个问题@RichaPatel的问题是当我们点击任何一行的棱角平滑网格时自动滚动到顶部,是吗?我想问题是当你点击棱角平滑网格行时,它会自动重新渲染整个表格,并将其扔到页面顶部。我是棱角平滑网格的作者,我发现你的问题真的很难理解。除了DOM元素之外,您的问题中也没有包含任何代码。所以我不能真正帮助你,我也不认为任何其他人可以帮助你,请为你的问题提供更多信息,至少了解上下文。另外,您可能正在描述SlickGrid的一个问题,只是提醒您Angular SlickGrid是SlickGridHi@Ghicoding顶部的一个包装器,我已经更新了我的问题,请查看一下。我仍然不理解您的问题,还要在此处添加图像或动画gif,只需复制并粘贴它,它就会显示在问题中。代码没有帮助,我不理解您的问题,可能是sgOnClick
或sgOnCellChange
的内容,但问题是什么?不太清楚,我想我理解这个问题@RichaPatel的问题是,当我们点击任何一行棱角光滑网格时,它会自动滚动到顶部,是吗?我猜问题是,当你们点击棱角光滑网格行时,它会自动重新呈现整个表格,并扔到页面顶部
this.orderGridOptions = {
asyncEditorLoading: true,
autoCommitEdit: true,
autoResize: {
containerId: 'demo-container',
sidePadding: 15
},
enableAutoResize: true,
editable: true,
enableCellNavigation: true,
enableFiltering: true,
enableRowSelection: true,
rowSelectionOptions: {
selectActiveRow: true
},
};