|
1 | 1 | <!DOCTYPE html>
|
2 | 2 | <html>
|
3 | 3 | <head>
|
4 |
| - <script src="http://cdn.bootcss.com/react/0.14.0/react.min.js"></script> |
5 |
| - <script src="http://cdn.bootcss.com/react/0.14.0/react-dom.min.js"></script> |
6 |
| - <script src="http://cdn.bootcss.com/react/0.13.3/JSXTransformer.js"></script> |
| 4 | + <script src="http://fb.me/react-0.14.0.js"></script> |
| 5 | + <script src="http://fb.me/react-dom-0.14.0.js"></script> |
| 6 | + <script src="http://fb.me/JSXTransformer-0.13.3.js"></script> |
7 | 7 | <script src="build/reactable.js" type="text/javascript"></script>
|
8 | 8 | <script type="text/jsx">
|
9 | 9 | /** @jsx React.DOM */
|
|
14 | 14 | Td = Reactable.Td,
|
15 | 15 | unsafe = Reactable.unsafe;
|
16 | 16 |
|
17 |
| - React.render( |
| 17 | + ReactDOM.render( |
18 | 18 | <Table className="table" id="table" data={[
|
19 | 19 | { Name: Reactable.unsafe('<span id="griffins-name">Griffin Smith</span>'), Age: '18'},
|
20 | 20 | { Age: '28', Position: Reactable.unsafe('<span id="who-knows-job">Developer</span>')},
|
21 | 21 | { Age: '23', Name: Reactable.unsafe('<span id="lees-name">Lee Salminen</span>')},
|
22 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-name1">Lee Salminen</span>')}, |
23 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-name2">Lee Salminen</span>')}, |
24 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-name3">Lee Salminen</span>')}, |
25 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-nam4e">Lee Salminen</span>')}, |
26 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-nam5e">Lee Salminen</span>')}, |
27 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-nam6e">Lee Salminen</span>')}, |
28 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-nam7e">Lee Salminen</span>')}, |
29 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-na8me">Lee Salminen</span>')}, |
30 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-na9me">Lee Salminen</span>')}, |
31 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-na0me">Lee Salminen</span>')}, |
32 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-na-me">Lee Salminen</span>')}, |
33 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-na11me">Lee Salminen</span>')}, |
34 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-nam2e">Lee Salminen</span>')}, |
35 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-na1m1e">Lee Salminen</span>')}, |
36 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-1name">Lee Salminen</span>')}, |
37 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-2name">Lee Salminen</span>')}, |
38 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-3name">Lee Salminen</span>')}, |
39 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-4name">Lee Salminen</span>')}, |
40 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-5name">Lee Salminen</span>')}, |
41 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-6name">Lee Salminen</span>')}, |
42 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-7name">Lee Salminen</span>')}, |
43 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-8name">Lee Salminen</span>')}, |
44 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-9name">Lee Salminen</span>')}, |
45 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-0name">Lee Salminen</span>')}, |
46 |
| - { Age: '23', Name: Reactable.unsafe('<span id="lees-11name">Lee Salminen</span>')} |
47 |
| - ]} sortable={['Name']} itemsPerPage={5} pageButtonLimit={5} rowOptions="1,2,5,10,all" />, |
| 22 | + ]} sortable={['Name']} itemsPerPage={2} pageButtonLimit={5} rowOptions="1,2,all" />, |
48 | 23 | document.getElementById('test-div')
|
49 | 24 | );
|
50 | 25 | </script>
|
|
0 commit comments