Comments (2)
Take a look at http://react-component.github.io/table/examples/childrenIndent.html
For you, try something like:
/* eslint-disable no-console,func-names,react/no-multi-comp */
const React = require('react');
const ReactDOM = require('react-dom');
const Table = require('rc-table');
require('rc-table/assets/index.less');
const columns = [{
title: 'Name',
dataIndex: 'name',
key: 'name',
width: 400,
render: (v, record) => {
if (v === 'Add new row') return <a href="#">{v}</a>
return v
}
}, {
title: 'Count',
dataIndex: 'count',
key: 'count',
width: 100,
}];
const data = [{
key: 1,
name: 'Light Motor Vehicles',
count: 9,
children: [{
key: 11,
name: 'Car',
count: 2
}, {
key: 12,
name: 'motorcycles',
count: 3
},
{
key: 13,
name: 'Add new row',
}]
}];
function onExpand(expanded, record) {
console.log('onExpand', expanded, record);
}
ReactDOM.render(
<Table defaultExpandAllRows columns={columns} data={data} indentSize={30} onExpand={onExpand} />,
document.getElementById('__react-content')
);
from table.
Hi i was looking into Subtable example and have some issues incorporating
that into my app.
i have written service using spring-rest and service return response in
json format:
- Object
- content:Array[1]
- 0:Object
- content:Array[0]
- dateTime:Object
- links:Array[3]
- 0:Object
- href:"http://localhost:8080/api/expenseReports/1"
- rel:"self"
- proto:Object
- 1:Object
- href:"http://localhost:8080/api/expenseReports/1"
- rel:"expenseReport"
- proto:Object
- 2:Object
- href:"
http://localhost:8080/api/expenseReports/1/children" - rel:"children"
- proto:Object
- href:"
- length:3
- proto:Array[0]
- 0:Object
- name:"Dec month report"
- value:0
- 0:Object
- content:Array[1]
that is incompatible to format given in example:
[ { a: 'a1', }, { a: 'a2', b: 'b2', children: [ { a: 'a2-1', b: 'b2-1', },
{ a: 'a2-2', b: 'b2-2', }, ], }, { a: 'a3', c: 'c3', d: 'd3', }, ];
i think "links" in my response has to be named as "children" to make it
work.
- do i need to transform response to match structure component expects
- do you have any example for the same.
thanks
mayank
On Mon, Nov 14, 2016 at 1:14 PM, Wei Zhu [email protected] wrote:
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
#101 (comment), or mute
the thread
https://github.com/notifications/unsubscribe-auth/AAiGlpccO5ouyxS9BAFwQ9Iiw-GnZmPqks5q9-43gaJpZM4KwtrV
.
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
- Example not working
- 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.