mohiit1502/ag-grid-react-example
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

AG-420 Improve React implementation

Browse Source
This commit is contained in:
Sean Landsman
2017-05-17 13:22:59 +01:00
parent 4069f6bc10
commit 8677118a27
16 changed files with 3807 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
src-trader-dashboard/components/StockSummaryPanel.jsx Normal file
View File

@@ -0,0 +1,94 @@
import React, {Component} from "react";
export default class extends Component {
constructor(props) {
super(props);
}
render() {
let containerStyle = {
fontSize: 13
};
let tableStyle = {
display: "inline-block",
verticalAlign: "top",
borderCollapse:"collapse"
};
let keyStyle = {
color: "#666"
};
let valueStyle = {
textAlign: "right"
};
return (
<div style={containerStyle}>
<table style={tableStyle}>
<tbody>
<tr>
<td style={keyStyle}>Range
</td>
<td style={valueStyle}>154.72 - 156.06
</td>
</tr>
<tr>
<td style={keyStyle}>52 week
</td>
<td style={valueStyle}>91.50 - 156.65
</td>
</tr>
<tr>
<td style={keyStyle}>Open
</td>
<td style={valueStyle}>155.94
</td>
</tr>
<tr>
<td style={keyStyle}>
Vol / Avg.
</td>
<td style={valueStyle}>15,931.00/24.94M
</td>
</tr>
</tbody>
</table>
<table style={tableStyle}>
<tbody>
<tr>
<td style={keyStyle}>
Div/yield
</td>
<td style={valueStyle}>0.63/1.62
</td>
</tr>
<tr>
<td style={keyStyle}>
EPS
</td>
<td style={valueStyle}>8.55
</td>
</tr>
<tr>
<td style={keyStyle}>
Shares
</td>
<td style={valueStyle}>5,213.84M
</td>
</tr>
<tr>
<td style={keyStyle}>
Mkt cap
</td>
<td style={valueStyle}>808,518.60M
</td>
</tr>
</tbody>
</table>
</div>
);
}
}