Comments (6)
This is my code
class AssesmentTable extends Component {
render() {
const {routes, strandData} = this.props;
const columns = [
{
title: 'Name',
dataIndex: 'name',
key: 'name',
width: 300,
fixed: 'left'
}, {
title: 'Age',
dataIndex: 'age',
key: 'age'
}, {
title: 'Address',
dataIndex: 'address',
key: 'address'
}
];
const data = [
{
name: 'Jack',
age: 28,
address: 'some where',
children: [
{
name: 'a2-1',
b: 'b2-1'
}, {
name: 'a2-2',
b: 'b2-2'
}
]
}, {
name: 'Rose',
age: 36,
address: 'some where'
}
];
/* take out everything required from props */
return (
<div className="panel-body">
<Table columns={columns} style={{
width: 800
}} data={data} expandIconAsCell={true} defaultExpandAllRows={true} scroll={{
x: 1200
}}/>
</div>
);
}
}
now I click on plus button it want open and even its not expanded by default.
Warning which I saw in console.
Warning: flattenChildren(...): Encountered two children with the same key, 0
. Child keys must be unique; when two children share a key, only the first child will be used.
from table.
expandedRowKeys
must be unique for defaultExpandAllRows
to work
from table.
Could you post your code?
from table.
@yesmeck I found issue why defaultExpandAllRows is not working.
In data object key is not unique so is it possible to create key from your side if user not provide key in data object?
from table.
Will do generate keys based on index of data if no rowKey given. https://github.com/react-component/table/blob/master/src/Table.jsx#L175-L181
from table.
Yes, It's confusing now, you can set rowKey
by yourself.
from table.
Related Issues (20)
- Table Drag
- Please don't deprecate "title".
- Are there plans to optimise table performance when rows > 100 and with pagination turned off?
- Sticky时,底部scroll-bar显示异常
- 开关展开行会重新渲染所有展开行
- rowExpandable 没有生效? HOT 1
- expandable.fixed is not work HOT 2
- null value of fullTableRef.current isn't handled before calling getContainerWidth
- VirtualTable does not support components props HOT 1
- 【咨询】为什么antd要自己监听滚动,设置table的位置呢?
- ssr 设置sticky: {offsetHeader:1} 后 会先显示一个空白区域,然后再显示出头部
- antd table,已经设置了 scroll={{x:true}} ,但是有的时候表格显示正常,有的时候内容会撑出去,把整个页面给撑开 HOT 1
- 没有设置 `title` 的列,展示时表头变成了 `td`,应该是 `th` HOT 5
- 【咨询】请问rc-table 虚拟列表支持row动态高度吗
- table出现滚动条时,自定义列宽反而被加宽了 HOT 1
- sticky时表头和内容列的竖线不对齐 HOT 1
- Bug: Scroll event listener should be passive
- Alternate row color in rc-table only works on hover!
- 自定义浏览器滚动条并且设置 scroll.y 时,如果数据内容较少,右侧仍旧会出现填充列。 HOT 3
- [bug] - Caption styling issue HOT 1
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 table.