diff --git a/example/src/screens/async.js b/example/src/screens/async.js
index 396050a..c04a90d 100644
--- a/example/src/screens/async.js
+++ b/example/src/screens/async.js
@@ -64,70 +64,32 @@ export default Component({
},
render () {
return (
-
-
-
-
- react-table server-side demo
-
-
-
-
-
-
-
-
-
-
-
-
d.lastName
- }]
+
+
-
-
-
- Tip: Hold shift when sorting to multi-sort!
-
+ header: 'Last Name',
+ id: 'lastName',
+ accessor: d => d.lastName
+ }]
+ }, {
+ header: 'Info',
+ columns: [{
+ header: 'Age',
+ accessor: 'age'
+ }]
+ }]}
+ manual // Forces table not to paginate or sort automatically, so we can handle it server-side
+ pageSize={5}
+ data={this.state.data} // Set the rows to be displayed
+ pages={this.state.pages} // Display the total number of pages
+ loading={this.state.loading} // Display the loading overlay when we need it
+ onChange={this.fetchData} // Request new data when things change
+ />
)
}