如何在页面滚动时使所有的列标题在ag-grid中保持粘滞(固定)？
在ag-Grid中实现列标题的粘滞（固定）效果，可以通过以下步骤实现：
- 首先，确保你已经正确地引入了ag-Grid库，并在页面中创建了一个ag-Grid表格。
- 在ag-Grid的列定义中，为需要固定的列设置
pinned属性为left或right，表示将该列固定在左侧或右侧。 - 在ag-Grid的表格配置中，设置
suppressHorizontalScroll属性为true，以禁用水平滚动条。 - 使用CSS样式来实现列标题的粘滞效果。为了实现这一点，你可以使用
position: sticky属性，并为列标题设置一个较高的z-index值，以确保它在其他元素之上。
下面是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://unpkg.com/ag-grid-community/dist/styles/ag-grid.css">
<link rel="stylesheet" href="https://unpkg.com/ag-grid-community/dist/styles/ag-theme-alpine.css">
<style>
.ag-header-cell-label {
position: sticky;
top: 0;
z-index: 1;
background-color: #f5f5f5;
}
</style>
</head>
<body>
<div id="myGrid" style="height: 400px; width: 100%;" class="ag-theme-alpine"></div>
<script src="https://unpkg.com/ag-grid-community/dist/ag-grid-community.min.js"></script>
<script>
var columnDefs = [
{ headerName: "Column 1", field: "col1", pinned: 'left' },
{ headerName: "Column 2", field: "col2" },
{ headerName: "Column 3", field: "col3" },
// ... more column definitions
];
var rowData = [
{ col1: "Data 1", col2: "Data 2", col3: "Data 3" },
// ... more row data
];
var gridOptions = {
columnDefs: columnDefs,
rowData: rowData,
suppressHorizontalScroll: true
};
var gridDiv = document.querySelector('#myGrid');
new agGrid.Grid(gridDiv, gridOptions);
</script>
</body>
</html>在上述示例中，我们通过设置pinned属性将第一列固定在左侧，然后使用CSS样式将列标题设置为粘滞。你可以根据需要自定义CSS样式以满足你的设计要求。
关于ag-Grid的更多详细信息和其他功能，请参考腾讯云的相关产品和文档：
相关·内容
1回答
我的导航栏的样式是这样的：
ul#navigation {
font-size: 1em;
list-style-type: none;
display: block;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #824c71;
position: sticky; /*<-!*/
top: 0;
}
现在，我的页面上有几个浮动元素，样式如下：
<div style="width:50%;background-color:#e6c
浏览 15提问于2018-01-14得票数 0
2回答
我正在开发一个朋友的商店，我想使“添加到购物车的DIV”修复时，用户滚动后它。因为我远不是一个CSS专家，所以我面临着它的问题。 我尝试使用JS将" position : fixed“添加到div中，但我不能这样做，因为div有一个相对位置，更改它会修复所有div元素的混乱 this is the link 这是我想要修复的div ( div id是rightcol)： ? 我还想让div在footer之前停止 提前感谢
浏览 26提问于2019-03-17得票数 3
我正在使用Elementor中的粘性菜单。在台式机上这是可以的。在移动设备上，粘性的标题/菜单覆盖了第一个元素，但当我滚动时，元素/页面会向下跳转并留下空白。当我固定间距使其最初可见时，会有更多的空白。我如何停止跳跃，这样我才能调整间距？
在手机上查看: duecucina.com/about-us/
浏览 0提问于2019-04-05得票数 0
Ag-grid有关于网格自动高度的很好的文档：
但是，当我的表高大于视口高度时，我不知道如何使ag标头固定在这种情况下。我向下滚动，但标题停留在顶部。
在文档页的最后一个示例中选择50行自动高度时，可以看到相同的情况。
在这种情况下如何修复标头？
浏览 1提问于2019-03-30得票数 3
1回答
在jquery中编辑滚动位置
、、、、
我有一个网站设计，其中第二个标志需要出现后，设置滚动位置。我用下面的代码实现了这一点： myID = document.getElementById("logoTwo");
var myScrollFunc = function () {
var y = window.scrollY;
if (y >= 300) {
logoTwo.className = "logo-lines show"
} else {
logoTwo.className = "logo-lines hide"
浏览 30提问于2020-07-27得票数 0
我想制作粘性标题，我尝试过“固定:真”--它不起作用。当我滚动表时，操作列的标题不是固定的，我已经在屏幕截图上标记了它。
这是我的桌子标签：
<v-data-table
:headers="headers"
:items="rooms"
sort-by="calories"
class="elevation-1"
fix-header
>
这是我的标题数据: headers：{ text："test"，value："action"，fixed
浏览 4提问于2019-12-10得票数 1
2回答
我已经知道了：
$(body).animate({scrollTop: $("#id").offset().top}, 'slow');
但我有一个奇怪的情况，我正在工作的这个特定的站点有一个固定的标题/横幅(200 in高)，当页面被滚动时，这个标题/横幅仍然存在。如果我使用上面的例程，它会将元素滚动到窗口的顶部，但是头200页的值将被标题/横幅所隐藏(我不喜欢固定的标题/横幅，但此时不允许更改它)。
因此，问题是：如何滚动到顶部-200 is，以便将元素滚动到标题/横幅下面？。
预先感谢你在这个问题上的帮助。
浏览 0提问于2017-09-17得票数 1
回答已采纳
我对bootstrap vue .I是个新手，我的整个应用程序都使用了bootstrap-vue 1.4，我的表使用了b-table，但表头在滚动时也会移动，我想让它们变得粘滞或不可滚动。我发现在新的bootstrap-vue 2.0中有一个粘滞标题选项，但我不能使用它，因为我可能会破坏我的应用程序。有什么方法可以使用bootstrap-vue 1.4使表头变得粘滞吗？
浏览 67提问于2019-09-05得票数 0
回答已采纳
2回答
我的问题是，我甚至不知道要搜索什么。
我想要一个ListView。这个ListView有一些具有“粘性”状态的元素。
如果我向下滚动设备上的列表，我希望所有状态为“粘滞”的ListElements都粘滞在列表顶部(不可滚动)，直到有另一个“推开它”。其余的元素应该像往常一样滚动。
我在谷歌市场上看到过这样的列表。如果你有一个大屏幕，你可以在左侧的任何应用程序的详细信息视图中看到该列表，或者如果你有android JB，在google now应用程序的谷歌搜索栏上也可以看到同样的效果。
图一:您可以在左侧的上看到正常的ListView
图二:你可以看到普通的ListView向上滚动了一点：
图三
浏览 0提问于2012-09-10得票数 3
回答已采纳
我正在使用银网格，以显示表，我期待使我的表响应。
因此，我试图将整个表/整列与屏幕的宽度相匹配：
如果屏幕的宽度小于500 is，那么我想使x轴可滚动，否则整个表/整列都应该适合屏幕。
这是代码框：
最初，这张桌子是这样留下空间的：
我也在马背上试过这个：
mounted () {
this.gridApi = this.gridOptions.api.sizeColumnsToFit()
}
当我缩小屏幕宽度和使用sizeColumnsToFit()时，图像如下：
但是，当屏幕宽度满时，sizeColumnsToFit()可以正常工作。
我还参考了a
浏览 2提问于2021-02-08得票数 0
回答已采纳
1回答
根据位置属性的，position: sticky仍然是一个实验性的API。而且，任何版本的都不支持它。所以,
是否有任何方法可以达到与position: sticky有或没有javaScript一样的效果？
我认为，在没有javascript的情况下，用position: fixed实现这种效果是可能的。因为在本文中，关于的部分的行为与对其应用的位置粘贴完全一样。即使我禁用了javaScript，它也能很好地工作。我在is元素中找到的MDN使用的标记是，
<div style="width: auto; max-height: none; top: 0px;" i
浏览 2提问于2016-04-15得票数 2
我有一个D3 api，它显示了.I想要在这里应用force.drag()事件之间的一些关系，在这里我将把节点拖到一个位置并离开节点，然后它就会留在那里。我这里有一个工作小提琴，它显示了nodes.can之间的关系--这里有人帮我在这个api中做这个事件吗？
这是小提琴
var node = vis
.selectAll("g.node")
.data(data.nodes)
.enter()
.append("svg:g")
.attr("class", "node")
.call(force.drag);
浏览 7提问于2013-12-14得票数 3
1回答
我用的是角质材料2和角5，我用的是垫子.我想在垫子桌子上修一根柱子。当我滚动水平条时，一列将修复而不是滚动。有可能在垫子桌子上固定一列吗？
浏览 0提问于2018-05-15得票数 2
1回答
我用的是Wordpress比主题。当我滚动鼠标时，菜单栏变得很小，但是，最初的大小是大的。我怎么才能修好它？我的意思是，我想要菜单条粘，它总是保持较小，像滚动的大小。我不想要大头球。只是一个小大小的标题将始终保留，并将没有任何影响时，滚动。
主题链接：
浏览 0提问于2018-06-07得票数 0
回答已采纳
这是我在chrome手机上遇到的一个非常奇怪的问题。
当你有一个粘性标题时，只使用position: sticky。在页面末尾滚动，然后使用css属性添加阻止滚动正文
overflow: hidden
粘性标题将向上移动1px。此问题发生在位置已修复的情况下。
我创建了一个演示，在Android Chrome上试用：
浏览 2提问于2018-01-28得票数 1
我有一个特意比屏幕宽度宽的FlatList。
该列表垂直滚动以查看每一行，并位于水平ScrollView中以访问屏幕外的项目。
ListHeaderComponent属性基本上是一个x轴标签，我希望它表现为一个“冻结的标题”；就像在电子表格中一样。
如何使ListHeaderComponent变得粘性？
浏览 1提问于2017-06-20得票数 53
回答已采纳
1回答
我正在为一个客户做这个网站：。他们想给一些页面添加“皮肤”或“翅膀”，就像你在这里看到的：
如果你查看JB Hi Fi网站，你会注意到当你向下滚动时，广告的顶部固定在屏幕的顶部。在我的网站上，我似乎做不到这一点。
任何关于如何使这项工作的帮助将不胜感激。
干杯
浏览 12提问于2016-09-27得票数 0
3回答
就像标题告诉你的，我对Chrome有一些问题。
我有一个背景酒窝，涵盖100%的宽度和高度自动的褐变尺寸。该职位被设置为固定位置。这在所有浏览器中都很好。但我想让我的脚固定位置，它只是不想停留在页面底部的Chrome！
它在底部，只要我不滚动。当我滚动时，脚毛就会上升。它只在Chrome中起这种作用。有谁知道我怎么修好它的吗？
另一件事是，我有一些类似于以下内容的javascript：
function showContent() {
document.getElementById('showbox').style.marginTop = '20px';
浏览 6提问于2012-05-25得票数 0
1回答
我有一个宽表，我想创建具有水平和垂直滚动条的表，并且表的顶部可以有一个固定的标题
横排需要滚动带表头的列，竖排需要一直显示
我尝试使用css overflow，但大多数示例只给出了带有固定标题的垂直滚动，而没有水平滚动
浏览 2提问于2012-12-03得票数 0
3回答
在ag-grid中可以采用下列格式：
具有空名称的合并标头
合并的标题，名称为2行(“原始值”)
以父标头为中心(“带子标题”)
浏览 0提问于2019-01-21得票数 3
3回答
我有一些困难的滚动固定标题，我正在创建。我在这里找到了一个很好的例子，现在我正在努力使它与我对它的改变一起工作，并且我正在尝试调整它。
我添加了比示例中更多的div，现在每当我滚动到黄条时，红色栏(我的标题)显示的比我想要的要低得多。
我发明了一把小提琴来显示它在做什么。
这在我将top边距添加到div id join_login之前一直有效。现在离山顶那么远了。
#join_login {
position: absolute;
right: 15%;
top: 27px;
font-size: 1em;
color: #383838;
}
在到达滚动点后，如何才能使这个标题保持在顶部呢？
浏览 4提问于2015-10-16得票数 2
回答已采纳
我有一个react组件，在这里我想根据scroll事件更改标头。我附加了一个事件处理程序，并根据滚动位置和切换一个显示类来隐藏ro显示所需的元素。
在我遇到麻烦的地方，当组件试图重新呈现时，似乎出现了一些故障行为。下面我有一个代码框中的例子。
import React from "react";
import "./styles.css";
export default function App() {
const [scrollY, setScrollY] = React.useState(0);
React.useEffect(() => {
浏览 2提问于2020-05-07得票数 1
1回答
我有一个固定的标题元素，我想保持固定在滚动。但是，可滚动区域希望定位在固定元素之后，但我不希望使用position: absolute并将其从文档流中删除。
我创建了一个Codepen 来说明我遇到的问题。我希望红色元素(.top)粘贴在滚动条上，而不隐藏第一个列表项。
在不需要任何JS的CSS (可能使用flexbox)中，有什么方法可以这样做吗？
任何帮助都是非常感谢的。
提前感谢！
浏览 0提问于2015-10-01得票数 3
回答已采纳
1回答
像这个问题一样，我需要让我的离子卡可以滚动，离子卡头固定，就像离子头和离子内容发生了什么。 我把下面的css代码放在我的页面上： ion-card{
height: 80%;
width: 100%;
overflow: scroll;
ion-card-header{
margin-bottom: 10px;
} 我的离子卡现在是可滚动的，但离子卡的标题也是可滚动的，我希望它在我向下滚动时固定在卡的顶部。 我还尝试在离子卡头部的css块中添加"position: fixed“或
浏览 11提问于2021-07-04得票数 0
回答已采纳
我有一个心智之友的最新实现。该项目具有如下所示的GridView
<div ID="divGrid" runat="server">
<asp:GridView ID="docGrid" runat="server" AutoGenerateColumns="False" GridLines="None"
DataSourceID="pagedDatasetSourceControl" OnRowDataBound="docGrid_RowDataB
浏览 1提问于2013-04-24得票数 3
我正在使用Angular 4，Bootstrap 4，并试图实现一个固定的可滚动的右div和一个固定的左div。它应该非常类似于所拥有的。
Bootstrap在版本4中删除了附加的jQuery插件，所以这个方法不再有效，他们建议使用position: sticky，但我不能让它工作。
请帮帮我！
index.html
<div class="container-fluid">
<div class="row h-100">
<div class="col-md-6">
<div i
浏览 3提问于2017-05-20得票数 9
回答已采纳
我正在尝试将一组div排列在彼此的顶部。顶部div必须是静态的，位于左上角(width = 100%)，并且不受中间div的垂直滚动的影响。我在某种程度上按照我想要的方式工作，除了容器div还有一个我不想要的垂直滚动。现在我有了两个重叠的垂直滚动条，一个用于容器div，另一个用于中心。我也会在页面上使用JQuery手机，如果这可以帮助我安排div的话。
如何使我的中央分区(id=scroll)成为唯一可滚动的分区，并且在没有滚动条(没有垂直滚动条重叠)的情况下使顶部分区(id=fixed)位于固定位置，并且不受页面滚动的影响？
<div id="conatainer" s
浏览 0提问于2013-03-19得票数 1
回答已采纳
1回答
我正在尝试使我的页面的侧边栏在页面滚动上变得粘滞。 我试过不同的解决方案，但不起作用。 这是我的最后一次尝试： $( document ).ready(function() {
console.log( "document ready!" );
var $sticky = $('.sticky');
var $stickyrStopper = $('.sticky-stopper');
if (!!$sticky.offset()) { // make sure ".sticky" element exists
浏览 17提问于2019-06-28得票数 0
1回答
我要有固定位置的离子头。当键盘出现时，它也会在iOS中与屏幕的其余部分一起向上滚动。当屏幕的其他部分向上滚动时，如何使离子头保持在顶部？
<ion-header no-border>
<button class="left-button" (click)="delete()" >
Delete
</button>
<button class="right-button" (click)="save()" >
浏览 3提问于2017-10-05得票数 0
我的angular应用有两个控制器。我的问题是，当用户导航离开页面时，控制器不会保留数据。
在第一个控制器中，我配置了一个用于无限滚动的ag-Grid
在第二个控制器中，我有详细信息
如果用户滚动到307°记录，然后单击以查看返回到ag-grid时的详细信息，则会显示前100条记录
如何将网格配置为从第307条记录开始查看？
浏览 1提问于2018-10-09得票数 0
3回答
我已经将一个认知形式集成到我正在创建的新页面的一个部分中。它的工作方式就像一种魅力，只是有些东西使表单向下滚动，因此第一个活动文本(或其他)字段大致与菜单的底部边框对齐。您必须向上滚动，以便分别读取字段上方的标签。每次单击“后退”或“向前”按钮转到表单的另一页时，都会发生这种情况。
表单的页面都有不同的高度，但我仍然希望表单不会滚动，而是扩展到页面的底部。
CMS是WP，主题是斯德哥尔摩主题。(该网站目前正在建设中，除我外，任何人都无法进入。)
对于如何解决这个问题，有什么建议吗？
浏览 0提问于2015-10-19得票数 1
1回答
我试图在SSRS、Visual 2012中滚动报表时保持页眉行保持静态。
我已经尝试过以下操作，但它没有工作:在Design > Row组->单击(静态)->按下F4 ->属性窗口将弹出。
在“属性”窗口- >Set KeepWithGroup = After和RepeatOnNewPage = True中。
如果希望在向下滚动报表时冻结标题，请设置FixedData = True。
浏览 1提问于2018-12-03得票数 0
回答已采纳
我有下面的代码，当元素到达锚点“search- anchor”时，在scroll上添加类"sticky“，并删除类"sticky”。
但是，我无法向下滚动所有的方式来查看整个页脚。你知道为什么吗？
<style>
header,footer {height:50px;background-color:red;}
section {height: 50px; background-color: yellow;}
#search-anchor {background-color:blue;}
.body {height:1600px;background-color:
浏览 0提问于2017-03-01得票数 0
构建一个离子应用程序，我注意到离子头总是固定在页面的顶部，我似乎无法在框架内找到一种方法，使它能够与内容一起滚动，所以我现在已经从我的所有页面中完全删除了它，并将一个标题添加到具有后退按钮等的形式中。
我想知道的是，这是否是实现我想要的目标的标准方式，还是有更好的方法？有什么问题，我可能会遇到移除离子头等。
浏览 0提问于2019-06-20得票数 1
回答已采纳
1回答
我有：
<PaperProvider theme={theme}>
<NavigationContainer>
<Tab.Navigator initialRouteName="Feed">
<Tab.Screen
name="Home"
component={Conversations}
options={{
tabBarLabel: "Home",
tabBarIcon: ({ color,
浏览 2提问于2020-04-29得票数 5
回答已采纳
2回答
使响应式菜单粘滞
、、
我正在尝试创建一个反应灵敏的粘性菜单。我可以让粘性菜单工作，我可以让响应式菜单工作(在手机上创建一个汉堡菜单)，但我不能让响应式手机菜单粘性！
您可以在这里看到我所到的位置：。
有谁能帮帮忙吗？我的代码如下：
function myFunction1() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className =
浏览 1提问于2019-09-18得票数 0
我是angular2的新手。在我的基本angular2项目中，我尝试放置ag。我得到了错误
node_modules/ag-grid-ng2/lib/ng2ComponentFactory.d.ts(3,10): error TS2305: Module
'"C:/practice/quickstart/node_modules/@angular/compiler/index"' has no exported member 'RuntimeCompiler'.
package.json
"ag-grid": "
浏览 12提问于2017-01-12得票数 2
回答已采纳
2回答
我有一个位置为"relative“和”.When:left“的div，但当我滚动页面时，这个div的行为类似于”绝对“位置。我删除了位置"relative”，当滚动页面时，div正确移动。很多次我使用相对位置的div，以及父目录中位置absolute.But的其他div。这个问题在第一个time.This中出现时真的很奇怪。我试图将DOC类型改为“严格”，但这对我来说不是一个好的解决方案。
浏览 0提问于2011-03-31得票数 1
1回答
引导表上的粘性列和标头
、、、、
我一直在寻找如何使我的表格标题贴在顶部，以及如何使第一列也粘上(就像excel上的冻结窗格)。我设法找到了一些示例和，并以自己的方式实现了它们。其结果是类似于这个
但是，对于这种方法，我有一些问题：
如何设置标题列<th>，使其与内容<td>具有相同的宽度
当我使用水平滚动(就像)时，是否总是有第一列在左边粘贴？
浏览 5提问于2016-02-07得票数 0
1回答
在一个页面中，我有几个部分，在第一个和第二个之间，我有一个导航栏菜单，当它到达顶部时，它会触发一个函数，将其固定在顶部。这可以通过计算每个滚动上的偏移量来工作，除了有时会报告错误的值，导航栏开始闪烁。
这是自定义类.css：
.sticky {
position: fixed;
top: 0;}
和自定义.js
var checkStickyMenu = function() {
if ($(window).scrollTop() > $("#secondary-nav").offset().top ){
$("#secondary-nav").
浏览 1提问于2015-01-11得票数 0
2回答
因此，当我滚动时，表格标题是固定的，但它对左对齐，而不是居中-我不知道这个中心在哪里。我尝试过CSS和jquery，但没有成功.
我有个完整的例子在这里工作.
现在，我想将表的宽度更改为660像素，并将其居中。
我将表的css从98%更改为660 of，边距从0 1%更改为0 auto。
似乎不能让克隆头正确地对齐？
table {
border-collapse:collapse;
/* width: 98%; */
/* margin: 0 1%; */
width: 660px;
margin: 0 auto;
}
对
浏览 0提问于2018-11-05得票数 0
回答已采纳
1回答
我对肚脐有问题。这是我的密码：
<nav id="strumenti" class="navbar navbar-expand-sm navbar-light bg-light sticky">
<a class="navbar-brand" href="#">
<img src="C:\Users\Fabry\Desktop\scuola\html\Immagini\UltrasAvellino\clan.ico" width="30" he
浏览 0提问于2018-04-17得票数 0
回答已采纳
在iOS safari中，在用户停止平移之前，单指平移不会生成任何事件。仅当页面停止移动和重绘时才会生成onscroll事件。
我需要一种方法来检测实时滚动。具体地说，我想做一个在iOS safari上也能用的粘性菜单。在非移动浏览器上，粘滞菜单可以通过在收听onscroll事件时在元素上的“相对位置”到“固定位置”之间切换来完成。此方法在移动浏览器上不起作用，因为onscroll事件不会持续触发。我能做什么?
浏览 0提问于2011-11-13得票数 18
回答已采纳
我有一个引导行，其中我有2科尔在里面。我需要在左边，应该是粘稠的。在右边，我有多张包含文本的卡片，这些卡片应该是可滚动的。
请看图片，像文章和帖子这样的卡片应该固定在那个位置，但是右边的帖子应该是可滚动的。
我写的代码是，
<div class="container-fluid">
<div class="row">
// Row 1 should be on the left
<div class="col-md-3">
<app-articles>&l
浏览 1提问于2022-08-21得票数 0
使用Fancybox版本2，在桌面/平板电脑上，我可以使用背景页面滚动来禁用。
但这种情况并不发生在手机(android)上。背景页面滚动，将fancybox模式保留在顶部，而页面的其余部分则显示覆盖。
所以..。
1)如何在手机上停止背景页面滚动？
( 2)或者，如何使fancybox‘粘住’在视口不顾背景卷轴？
非常感谢。
浏览 2提问于2014-03-31得票数 1
我目前在UITableView中使用了一些自定义节头视图。这些视图在加载UITableView时出现，但在滚动时消失。我看到了这篇文章，但它似乎过时了：这里是我的头视图的代码：
func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
let view = UIView()
switch section {
case 0: break
default:
view.backgroundColo
浏览 10提问于2017-02-23得票数 3
我是的新手，我有一个listTable，它似乎没有滚动它的顶部。
有什么建议吗？
var blessed = require('blessed');
var screen = new blessed.Screen
// Function to create a bunch of sample data
function getData(start, count) {
var result = [];
for (var i=start; i < count; i++) {
var row = [ '', i+'', '
浏览 1提问于2016-10-22得票数 1
回答已采纳
2回答
Ag-网格粘性标头
、、、、
因此，我的ag网格调整自身大小，因为我的行高也是动态的。因此，对于高度，我使用[style.height.px]="beta"和this.beta = document.getElementsByClassName('ag-full-width-container')["0"].offsetHeight + 139，pagination设置为100。
我不能使用autoHeight，因为我有超过10k行。所以我想让我的头粘起来。我在DOM中有一些关于网格的内容。当我滚动时，我希望我的ag-网格标题坚持到顶部。我使用的是top:0;position
浏览 0提问于2020-04-13得票数 1
回答已采纳
我在Angular项目中有cell render类，它在ag-grid单元格内生成html输入模板。在水平滚动之后，当输入单元格离开屏幕时，ag-grid会重新呈现这些输入元素，并且输入元素会显示它们的值。下面是我的CellRenderer类：
export class TemplateRendererComponent implements ICellRendererAngularComp {
template: TemplateRef<any>;
templateContext: { $implicit: any, params: any };
refresh(p
浏览 4提问于2020-05-09得票数 0
1回答
我已经在许多项目中广泛使用ui网格。但最近，当我在大量专栏中使用它时，我开始面临一个奇怪的问题。
因为有很多列(大约50)，所以如果我从初始状态滚动到右边的列，由于某些原因，网格会改变整体高度几个像素。当我向右滚动时，高度似乎会增加得更多。我猜，每当一组新的列进入网格的可见帧时，高度就会发生变化。
这也会导致我的水平滚动条在滚动时消失。
找不到任何相关的问题。以前有人面对过吗？我可能做错什么了吗？
如果这有帮助的话，我目前为每个列都提供了一个width : 120，并且配置最少。还没有过滤器，还没有排序。
P.S :，我没有发布任何JS代码，因为我有一个庞大的专栏定义，这是我目前所拥有的全部内
浏览 1提问于2017-04-28得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
