Basic ag-grid table keeps automatically increasing height/top infinitely The 2019 Stack Overflow Developer Survey Results Are In Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern) The Ask Question Wizard is Live! Data science time! April 2019 and salary with experienceHow do I keep two side-by-side divs the same height?How to remove 1px extra border on DIVs in IE7?Table height automatically increase in divAg-grid: Infinite Scrolling not workingag-grid: keep header on top while scrollingag-grid auto height for entire gridag-floating-bottom and ag-body keeps increasing top valueag-grid Infinite Scroll TopAg-grid Printing in IE 11 by changing to AutoHeight using setGridAutoHeightAG-Grid - How to increase row height dynamically?
Why doesn't a hydraulic lever violate conservation of energy?
60's-70's movie: home appliances revolting against the owners
Variable with quotation marks "$()"
Can the Right Ascension and Argument of Perigee of a spacecraft's orbit keep varying by themselves with time?
Could an empire control the whole planet with today's comunication methods?
Is every episode of "Where are my Pants?" identical?
Hello, Goodbye, Adios, Aloha
Why not take a picture of a closer black hole?
Can I visit the Trinity College (Cambridge) library and see some of their rare books
What other Star Trek series did the main TNG cast show up in?
Do I have Disadvantage attacking with an off-hand weapon?
One-dimensional Japanese puzzle
Circular reasoning in L'Hopital's rule
Is there a writing software that you can sort scenes like slides in PowerPoint?
How to make Illustrator type tool selection automatically adapt with text length
Student Loan from years ago pops up and is taking my salary
How to determine omitted units in a publication
Why are PDP-7-style microprogrammed instructions out of vogue?
What does Linus Torvalds mean when he says that Git "never ever" tracks a file?
Is this wall load bearing? Blueprints and photos attached
Keeping a retro style to sci-fi spaceships?
Deal with toxic manager when you can't quit
Can the DM override racial traits?
Are spiders unable to hurt humans, especially very small spiders?
Basic ag-grid table keeps automatically increasing height/top infinitely
The 2019 Stack Overflow Developer Survey Results Are In
Announcing the arrival of Valued Associate #679: Cesar Manara
Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern)
The Ask Question Wizard is Live!
Data science time! April 2019 and salary with experienceHow do I keep two side-by-side divs the same height?How to remove 1px extra border on DIVs in IE7?Table height automatically increase in divAg-grid: Infinite Scrolling not workingag-grid: keep header on top while scrollingag-grid auto height for entire gridag-floating-bottom and ag-body keeps increasing top valueag-grid Infinite Scroll TopAg-grid Printing in IE 11 by changing to AutoHeight using setGridAutoHeightAG-Grid - How to increase row height dynamically?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I have a barebone React component that uses AG-Grid to render out a table. But I'm running into this issue where the height/top automatically keeps increasing, without any input from me.
import AgGridReact from "ag-grid-react";
import "ag-grid-community/dist/styles/ag-grid.css";
import "ag-grid-community/dist/styles/ag-theme-material.css";
render ()
const colDef = [
headerName: "Make", field: "make",
,
headerName: "Model", field: "model",
,
headerName: "Price", field: "price",
];
const dataRows = [
make: "Toyota", model: "Celica", price: 35000,
,
make: "Ford", model: "Mondeo", price: 32000,
,
make: "Porsche", model: "Boxter", price: 72000,
];
return (
<div className=`ag-theme-material`>
<AgGridReact
columnDefs=colDef
rowData=dataRows
/>
</div>
)
I inspected the elements that changes. It looks like Top keeps increasing automatically for this div:
<div class="ag-floating-bottom" role="presentation" style="height: 0px; top: 422px;">
and Height for this, and I have no idea why:
<div class="ag-body ag-row-no-animation" role="presentation" style="height: 516px; top: 56px;">
Note that I tried the other build in themes for ag-grid and ran into the same issue.
css reactjs ag-grid
asked Mar 22 at 5:32
ZeroDarkThirtyZeroDarkThirty
65111228
add a comment |
I have a barebone React component that uses AG-Grid to render out a table. But I'm running into this issue where the height/top automatically keeps increasing, without any input from me.
import AgGridReact from "ag-grid-react";
import "ag-grid-community/dist/styles/ag-grid.css";
import "ag-grid-community/dist/styles/ag-theme-material.css";
render ()
const colDef = [
headerName: "Make", field: "make",
,
headerName: "Model", field: "model",
,
headerName: "Price", field: "price",
];
const dataRows = [
make: "Toyota", model: "Celica", price: 35000,
,
make: "Ford", model: "Mondeo", price: 32000,
,
make: "Porsche", model: "Boxter", price: 72000,
];
return (
<div className=`ag-theme-material`>
<AgGridReact
columnDefs=colDef
rowData=dataRows
/>
</div>
)
I inspected the elements that changes. It looks like Top keeps increasing automatically for this div:
<div class="ag-floating-bottom" role="presentation" style="height: 0px; top: 422px;">
and Height for this, and I have no idea why:
<div class="ag-body ag-row-no-animation" role="presentation" style="height: 516px; top: 56px;">
Note that I tried the other build in themes for ag-grid and ran into the same issue.
css reactjs ag-grid
asked Mar 22 at 5:32
ZeroDarkThirtyZeroDarkThirty
65111228
1
Can u reproduce this issue on plunk or stackblitz so that others can help you easily?
– Paritosh
Mar 22 at 9:06
I've created it here but for some reason it's not showing up codesandbox.io/s/8zv4z0q79
– ZeroDarkThirty
Mar 24 at 3:48
add a comment |
I have a barebone React component that uses AG-Grid to render out a table. But I'm running into this issue where the height/top automatically keeps increasing, without any input from me.
import AgGridReact from "ag-grid-react";
import "ag-grid-community/dist/styles/ag-grid.css";
import "ag-grid-community/dist/styles/ag-theme-material.css";
render ()
const colDef = [
headerName: "Make", field: "make",
,
headerName: "Model", field: "model",
,
headerName: "Price", field: "price",
];
const dataRows = [
make: "Toyota", model: "Celica", price: 35000,
,
make: "Ford", model: "Mondeo", price: 32000,
,
make: "Porsche", model: "Boxter", price: 72000,
];
return (
<div className=`ag-theme-material`>
<AgGridReact
columnDefs=colDef
rowData=dataRows
/>
</div>
)
I inspected the elements that changes. It looks like Top keeps increasing automatically for this div:
<div class="ag-floating-bottom" role="presentation" style="height: 0px; top: 422px;">
and Height for this, and I have no idea why:
<div class="ag-body ag-row-no-animation" role="presentation" style="height: 516px; top: 56px;">
Note that I tried the other build in themes for ag-grid and ran into the same issue.
css reactjs ag-grid
asked Mar 22 at 5:32
ZeroDarkThirtyZeroDarkThirty
65111228
I have a barebone React component that uses AG-Grid to render out a table. But I'm running into this issue where the height/top automatically keeps increasing, without any input from me.
import AgGridReact from "ag-grid-react";
import "ag-grid-community/dist/styles/ag-grid.css";
import "ag-grid-community/dist/styles/ag-theme-material.css";
render ()
const colDef = [
headerName: "Make", field: "make",
,
headerName: "Model", field: "model",
,
headerName: "Price", field: "price",
];
const dataRows = [
make: "Toyota", model: "Celica", price: 35000,
,
make: "Ford", model: "Mondeo", price: 32000,
,
make: "Porsche", model: "Boxter", price: 72000,
];
return (
<div className=`ag-theme-material`>
<AgGridReact
columnDefs=colDef
rowData=dataRows
/>
</div>
)
I inspected the elements that changes. It looks like Top keeps increasing automatically for this div:
<div class="ag-floating-bottom" role="presentation" style="height: 0px; top: 422px;">
and Height for this, and I have no idea why:
<div class="ag-body ag-row-no-animation" role="presentation" style="height: 516px; top: 56px;">
Note that I tried the other build in themes for ag-grid and ran into the same issue.
css reactjs ag-grid
css reactjs ag-grid
asked Mar 22 at 5:32
ZeroDarkThirtyZeroDarkThirty
65111228
asked Mar 22 at 5:32
ZeroDarkThirtyZeroDarkThirty
65111228
asked Mar 22 at 5:32
ZeroDarkThirtyZeroDarkThirty
65111228
asked Mar 22 at 5:32
ZeroDarkThirtyZeroDarkThirty
65111228
asked Mar 22 at 5:32
ZeroDarkThirtyZeroDarkThirty
65111228
65111228
1
Can u reproduce this issue on plunk or stackblitz so that others can help you easily?
– Paritosh
Mar 22 at 9:06
I've created it here but for some reason it's not showing up codesandbox.io/s/8zv4z0q79
– ZeroDarkThirty
Mar 24 at 3:48
add a comment |
1
Can u reproduce this issue on plunk or stackblitz so that others can help you easily?
– Paritosh
Mar 22 at 9:06
I've created it here but for some reason it's not showing up codesandbox.io/s/8zv4z0q79
– ZeroDarkThirty
Mar 24 at 3:48
1
1
Can u reproduce this issue on plunk or stackblitz so that others can help you easily?
– Paritosh
Mar 22 at 9:06
Can u reproduce this issue on plunk or stackblitz so that others can help you easily?
– Paritosh
Mar 22 at 9:06
I've created it here but for some reason it's not showing up codesandbox.io/s/8zv4z0q79
– ZeroDarkThirty
Mar 24 at 3:48
I've created it here but for some reason it's not showing up codesandbox.io/s/8zv4z0q79
– ZeroDarkThirty
Mar 24 at 3:48
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55293431%2fbasic-ag-grid-table-keeps-automatically-increasing-height-top-infinitely%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55293431%2fbasic-ag-grid-table-keeps-automatically-increasing-height-top-infinitely%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
Can u reproduce this issue on plunk or stackblitz so that others can help you easily?
– Paritosh
Mar 22 at 9:06
I've created it here but for some reason it's not showing up codesandbox.io/s/8zv4z0q79
– ZeroDarkThirty
Mar 24 at 3:48