Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How to use the `step` prop in DataTable?

See original GitHub issue

Expected Behavior

According to the docs, step is “How many items to render at a time.” I understand this to control the number of rows displayed per page by DataTable.

Actual Behavior

The number of items displayed bears no relationship to the number in step.

URL, screen shot, or Codepen exhibiting the issue

I copied the sandbox example, adding the step prop, into https://codesandbox.io/s/dark-haze-wzn76?file=/src/App.js The DATA array has 6 elements:

Steps to Reproduce

Create a basic DataTable component and a static array of data
Set step as an int
Get any number of rows

Your Environment

Grommet version: 2.15.0
Browser Name and version: Chrome 83.0.4103.97 (Official Build) (64-bit)
Operating System and version (desktop or mobile): macOS 10.15.6 Catalina

Issue Analytics

State:
Created 3 years ago
Comments:8 (4 by maintainers)

Top GitHub Comments

1reaction

carolina-cascadecommented, Oct 2, 2020

Yeah, that could work. I am implementing a table inside a modal (crazy, but those are my specs), so InfiniteScroll will not work. But I can paginate manually.

Thank you again for your super quick response.

1reaction

ShimiSuncommented, Oct 2, 2020

If data already has all the items in advance then the step wouldn’t apply. @IanKBovard can you please take a look at this issue?