vhad/react-table
1
0
Fork 0
mirror of https://github.com/gosticks/react-table.git synced 2026-08-12 04:50:20 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug fixes and Doc Updates

Browse Source
This commit is contained in:
Tanner Linsley
2017-02-03 11:07:48 -07:00
parent 4733997c26
commit f1511bd27e
13 changed files with 155 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.storybook/config.js
+2
View File
@@ -14,6 +14,7 @@ import Simple from '../stories/Simple.js'
import CellRenderers from '../stories/CellRenderers.js'
import DefaultSorting from '../stories/DefaultSorting.js'
import CustomWidths from '../stories/CustomWidths.js'
import CustomComponentProps from '../stories/CustomComponentProps.js'
import ServerSide from '../stories/ServerSide.js'
import SubComponents from '../stories/SubComponents.js'
import Pivoting from '../stories/Pivoting.js'
@@ -40,6 +41,7 @@ configure(() => {
.add('Cell Renderers & Custom Components', CellRenderers)
.add('Default Sorting', DefaultSorting)
.add('Custom Column Widths', CustomWidths)
.add('Custom Component Props', CustomComponentProps)
.add('Server-side Data', ServerSide)
.add('Sub Components', SubComponents)
.add('Pivoting & Aggregation', Pivoting)
docs/iframe.html
+1 -1
View File
@@ -16,7 +16,7 @@
<body>
<div id="root"></div>
<div id="error-display"></div>
<script src="static/preview.862b913fbebd9763ac5d.bundle.js"></script>
<script src="static/preview.2c6e50074229d5f04361.bundle.js"></script>
</body>
</html>
docs/index.html
+1 -1
View File
@@ -38,7 +38,7 @@
</head>
<body style="margin: 0;">
<div id="root"></div>
<script src="static/manager.e5341f754ff072e03aaa.bundle.js"></script>
<script src="static/manager.f127c5ae855df8d8558a.bundle.js"></script>
</body>
</html>
docs/static/manager.e5341f754ff072e03aaa.bundle.js → docs/static/manager.f127c5ae855df8d8558a.bundle.js
Vendored
+17 -17
View File
File diff suppressed because one or more lines are too long
docs/static/manager.e5341f754ff072e03aaa.bundle.js.map → docs/static/manager.f127c5ae855df8d8558a.bundle.js.map
Vendored
+1 -1
View File
@@ -1 +1 @@
{"version":3,"file":"static/manager.e5341f754ff072e03aaa.bundle.js","sources":["webpack:///static/manager.e5341f754ff072e03aaa.bundle.js"],"mappings":"AAAA;AAkuDA;AA84DA;AA28DA;AA00DA;AAsyEA;AA89CA;AA8rDA;AAsiDA;AAg6DA;AA2nDA;AA++CA;AAkvDA;AAsnEA;AA2oDA;AAivCA;AA+nDA;AAkpDA;AA6lEA;AAs4DA;AAquDA;AA+pDA;AAqxDA;AAsrDA;AAuyDA;AA88GA;AAj6CA;AAopGA;AAsuFA;AA+zEA;AAtMA;AAizEA","sourceRoot":""}
{"version":3,"file":"static/manager.f127c5ae855df8d8558a.bundle.js","sources":["webpack:///static/manager.f127c5ae855df8d8558a.bundle.js"],"mappings":"AAAA;AAkuDA;AA84DA;AA28DA;AA00DA;AAsyEA;AA89CA;AA8rDA;AAsiDA;AAg6DA;AA2nDA;AA++CA;AAkvDA;AAsnEA;AA2oDA;AAivCA;AA+nDA;AAkpDA;AA6lEA;AAs4DA;AAquDA;AA+pDA;AAqxDA;AAsrDA;AAwyDA;AA88GA;AAj6CA;AAopGA;AAsuFA;AA+zEA;AAtMA;AAizEA","sourceRoot":""}
docs/static/preview.2c6e50074229d5f04361.bundle.js
Vendored
+36
View File
File diff suppressed because one or more lines are too long
docs/static/preview.2c6e50074229d5f04361.bundle.js.map
Vendored
+1
View File
@@ -0,0 +1 @@
{"version":3,"file":"static/preview.2c6e50074229d5f04361.bundle.js","sources":["webpack:///static/preview.2c6e50074229d5f04361.bundle.js"],"mappings":"AAAA;AAkuDA;AAiwDA;AAs1EA;AA+gGA;AAo4IA;AAt5NA;AA4udA;AA2hEA;AA2uDA;AA29DA;AA2gDA;AAosDA;AAuhDA;AA+6DA;AAioDA;AA4+CA;AAwpDA;AAisEA;AAqoDA;AAqwCA;AA2oDA;AAowDA;AAokEA;AA0vDA;AA2rDA;AA8nDA;AAwrFA;AAyiGA;AA0/CA;AAqyCA;AA22CA;AAu/CA;AAyGA;AA+jFA","sourceRoot":""}
docs/static/preview.862b913fbebd9763ac5d.bundle.js
Vendored
-36
View File
File diff suppressed because one or more lines are too long
docs/static/preview.862b913fbebd9763ac5d.bundle.js.map
Vendored
-1
View File
@@ -1 +0,0 @@
{"version":3,"file":"static/preview.862b913fbebd9763ac5d.bundle.js","sources":["webpack:///static/preview.862b913fbebd9763ac5d.bundle.js"],"mappings":"AAAA;AAkuDA;AA+wDA;AAk/BA;AAytIA;AA++GA;AAzmNA;AA28eA;AAqiEA;AAwuDA;AAs9DA;AAohDA;AAssDA;AAyhDA;AAg7DA;AAioDA;AA2+CA;AA4pDA;AAisEA;AAqoDA;AAqwCA;AA2oDA;AAowDA;AAokEA;AA0vDA;AA2rDA;AA8nDA;AAwrFA;AAyiGA;AAs/CA;AAyyCA;AA43CA;AAy/CA;AAgFA;AA+jFA","sourceRoot":""}
react-table.js.zip
BIN
View File
Binary file not shown.
src/componentMethods.js
+8 -3
View File
@@ -27,9 +27,11 @@ export default {
// A convenience function to add a header and reset the currentSpan
const addHeader = (columns, column = columns[0]) => {
headerGroups.push(Object.assign({}, column, {
headerGroups.push({
...this.props.column,
...column,
columns: columns
}))
})
currentSpan = []
}
@@ -48,7 +50,10 @@ export default {
}
const makeDecoratedColumn = (column) => {
const dcol = Object.assign({}, this.props.column, column)
const dcol = {
...this.props.column,
...column
}
if (dcol.expander) {
dcol.width = expanderColumnWidth
src/index.js
+2
View File
@@ -478,6 +478,7 @@ export default React.createClass({
const pivotSort = resolvedSorting.find(d => d.id === column.id)
return (
<ThComponent
key={i}
className={classnames(
'rt-pivot-header',
column.sortable && '-cursor-pointer',
@@ -515,6 +516,7 @@ export default React.createClass({
}
return (
<ThComponent
key={i}
className={classnames(
'rt-expander-header',
classes
stories/CustomComponentProps.js
+86
View File
@@ -0,0 +1,86 @@
import React from 'react'
import _ from 'lodash'
import namor from 'namor'
import CodeHighlight from './components/codeHighlight'
import ReactTable from '../src/index'
export default () => {
const data = _.map(_.range(5553), d => {
return {
firstName: namor.generate({ words: 1, numLen: 0 }),
lastName: namor.generate({ words: 1, numLen: 0 }),
age: Math.floor(Math.random() * 30)
}
})
const columns = [{
header: 'Name',
columns: [{
header: 'First Name',
accessor: 'firstName'
}, {
header: 'Last Name',
id: 'lastName',
accessor: d => d.lastName
}]
}, {
header: 'Info',
columns: [{
header: 'Age',
accessor: 'age'
}]
}]
return (
<div>
<div className='table-wrap'>
<ReactTable
className='-striped -highlight'
data={data}
columns={columns}
defaultPageSize={10}
/>
</div>
<div style={{textAlign: 'center'}}>
<br />
<em>Tip: Hold shift when sorting to multi-sort!</em>
</div>
<CodeHighlight>{() => getCode()}</CodeHighlight>
</div>
)
}
function getCode () {
return `
import ReactTable from 'react-table'
// Create some column definitions
const columns = [{
header: 'Name',
columns: [{
header: 'First Name',
accessor: 'firstName'
}, {
header: 'Last Name',
id: 'lastName',
accessor: d => d.lastName
}]
}, {
header: 'Info',
columns: [{
header: 'Age',
accessor: 'age'
}]
}]
// Display your table!
return (
<ReactTable
data={data}
columns={columns}
defaultPageSize={10}
/>
)
`
}