diff options
author | bobzel <zzzman@gmail.com> | 2022-07-05 10:15:54 -0400 |
---|---|---|
committer | bobzel <zzzman@gmail.com> | 2022-07-05 10:15:54 -0400 |
commit | c1cd00c7664df694b867f4989a1f61d959390742 (patch) | |
tree | 29cfd0a7f9ed26ce2fd2eaf90549232e6c999c9d /src/client/views/nodes/DataVizBox/TableBox.tsx | |
parent | 2917042be6dc9d05a1a6a8d9dd01d19f915f1b68 (diff) | |
parent | 3419d46a569da7ae8899588251426b82996ca523 (diff) |
Merge branch 'master' into parker
Diffstat (limited to 'src/client/views/nodes/DataVizBox/TableBox.tsx')
-rw-r--r-- | src/client/views/nodes/DataVizBox/TableBox.tsx | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/src/client/views/nodes/DataVizBox/TableBox.tsx b/src/client/views/nodes/DataVizBox/TableBox.tsx new file mode 100644 index 000000000..dfa8262d8 --- /dev/null +++ b/src/client/views/nodes/DataVizBox/TableBox.tsx @@ -0,0 +1,37 @@ +import { action, computed, observable } from "mobx"; +import { observer } from "mobx-react"; +import * as React from "react"; + +interface TableBoxProps { + pairs: {x: number, y:number}[] +} + + +export class TableBox extends React.Component<TableBoxProps> { + + + + render() { + return ( + <div className="table-container"> + <table className="table"> + <thead> + <tr className="table-row"> + <th>x</th> + <th>y</th> + </tr> + </thead> + <tbody> + {this.props.pairs.map(p => { + return (<tr className="table-row"> + <td>{p.x}</td> + <td>{p.y}</td> + </tr>) + })} + </tbody> + </table> + </div> + ) + } + +}
\ No newline at end of file |