Comments (4)
hey @eAmin I think you have the same problem with @rodgarcialima , that you have an unique key for each row, the default key is id
, so it assumes you have the data in the format like [{id: 0, ...}, {id: 1, ...}]
, I will update the README to mention about that
from react-base-table.
what's the warning? does your data has unique key for each row? the default rowKey is id
, but you can custom it
from react-base-table.
The error message is the default react missing key. For this table, the primary key is usuario_id, not id. I didn't know that rowKey existed.
I'll try that. Thank you.
from react-base-table.
I have the same issue, to clarify the issue, i'll put the relevant error below:
Warning: Each child in a list should have a unique "key" prop. See https://fb.me/react-warning-keys for more information.
in div (created by Grid)
in div (created by Grid)
in Grid (created by GridTable)
...
And this is my implementation code:
const columns = [
{
width: 100,
title: 'title1',
dataKey: 't1',
key: 't1',
},
{
width: 300,
title: 'title2',
dataKey: 't2',
key: 't2',
},
// ...
];
<BaseTable
width={width}
height={height}
columns={columns}
data={rows}
disabled={state.loading}
loadingMore={state.loadingMore}
onEndReachedThreshold={300}
onEndReached={handleEndReached}
overlayRenderer={renderOverlay}
emptyRenderer={renderEmpty}
headerRenderer={headerRenderer}
components={{ TableCell: TableCelll }}
useIsScrolling
getScrollbarSize={()=>10}
></BaseTable>
from react-base-table.
Related Issues (20)
- How to scroll to row after loading data in Infinite Loading?
- How to slide the header without data
- rowRenderer type: columns should be an array HOT 1
- Why am I experiencing scroll delay in my implementation when it looks smooth in the playground example HOT 2
- when there is a large amount of data, the function of unfolding and folding is abnormally stuck
- The resizing line goes beyond the list item area
- How to render (resize) the table on column resize end ?
- how always display SortIndicator not just have it when hovering the title?
- SortIndicator bug HOT 1
- Heavy Recalculate style stack in performance on scroll
- Selection of multiple rows not working with BaseTable componnent
- Detail View bug
- selections not working if columns pulled from state? HOT 1
- row height auto HOT 1
- Expand functionality (row grouping ) is not working as expected as given in example
- Can't perform a React state update on an unmounted component
- Draggable columns HOT 1
- When do you plan to upgrade to react-18? we've been using it for a few months now and without problems, but it's sending a lot of warnings and preventing 'npm i' or any other command in the terminal, being necessary to use '--force'
- Severe scroll lag HOT 11
- Is there a smooth scroll animation for applying on scroll methods?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-base-table.