Skip to content

T
Tia-dev
Commit e45a6202 authored by Rifka Kurnia's avatar Rifka Kurnia
Browse files
Options

Merge branch 'rifka' into 'master' 

rapiin tabel historical dan loading

See merge request !1125
parents 0db3ee75 57cc0287
Hide whitespace changes
Inline Side-by-side
Showing with 189 additions and 172 deletions
src/container/SummaryTriputra/SummaryOfTriputra.js
View file @ e45a6202
...@@ -42,7 +42,7 @@ export default class SummaryOfTriputra extends Component { ...@@ -42,7 +42,7 @@ export default class SummaryOfTriputra extends Component {
componentDidMount() { componentDidMount() {
// this.getDetailUser() // this.getDetailUser()
this.setState({ report: this.state.reportType[0], loading: true }, () => { this.setState({ report: this.state.reportType[0], loading: false }, () => {
console.log(this.state.report); console.log(this.state.report);
this.getPeriode() this.getPeriode()
}) })
...@@ -195,6 +195,7 @@ export default class SummaryOfTriputra extends Component { ...@@ -195,6 +195,7 @@ export default class SummaryOfTriputra extends Component {
// } // }
getDataTable() { getDataTable() {
this.setState({ loading: true })
let payload = { let payload = {
"report_type": this.state.report.key, "report_type": this.state.report.key,
"periode": this.state.periode.periode, "periode": this.state.periode.periode,
......
src/container/SummaryTriputra/TableSummaryTriputra.js
View file @ e45a6202
...@@ -1195,6 +1195,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1195,6 +1195,7 @@ export default class TableSummaryTriputra extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
suffix={"%"}
value={tableMeta.rowData[6]} value={tableMeta.rowData[6]}
/> />
} }
...@@ -1227,6 +1228,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1227,6 +1228,7 @@ export default class TableSummaryTriputra extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
suffix={"%"}
value={tableMeta.rowData[8]} value={tableMeta.rowData[8]}
/> />
} }
...@@ -1277,6 +1279,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1277,6 +1279,7 @@ export default class TableSummaryTriputra extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
suffix={"%"}
value={tableMeta.rowData[11]} value={tableMeta.rowData[11]}
/> />
} }
...@@ -1311,6 +1314,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1311,6 +1314,7 @@ export default class TableSummaryTriputra extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
suffix={"%"}
value={tableMeta.rowData[13]} value={tableMeta.rowData[13]}
/> />
} }
...@@ -1492,7 +1496,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -1492,7 +1496,8 @@ export default class TableSummaryTriputra extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
value={Number(tableMeta.rowData[16]).toFixed(1)} suffix={"%"}
value={tableMeta.rowData[16]}
/> />
} }
/> />
...@@ -1524,7 +1529,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -1524,7 +1529,8 @@ export default class TableSummaryTriputra extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
value={Number(tableMeta.rowData[18]).toFixed(1)} suffix={"%"}
value={tableMeta.rowData[18]}
/> />
} }
/> />
...@@ -1574,7 +1580,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -1574,7 +1580,8 @@ export default class TableSummaryTriputra extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
value={Number(tableMeta.rowData[21]).toFixed(1)} suffix={"%"}
value={tableMeta.rowData[21]}
/> />
} }
/> />
...@@ -1608,7 +1615,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -1608,7 +1615,8 @@ export default class TableSummaryTriputra extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
value={Number(tableMeta.rowData[23]).toFixed(1)} suffix={"%"}
value={tableMeta.rowData[23]}
/> />
} }
/> />
...@@ -1795,7 +1803,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -1795,7 +1803,8 @@ export default class TableSummaryTriputra extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
value={Number(tableMeta.rowData[26]).toFixed(1)} suffix={"%"}
value={tableMeta.rowData[26]}
/> />
} }
/> />
...@@ -1827,7 +1836,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -1827,7 +1836,8 @@ export default class TableSummaryTriputra extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
value={Number(tableMeta.rowData[28]).toFixed(1)} suffix={"%"}
value={tableMeta.rowData[28]}
/> />
} }
/> />
...@@ -1877,7 +1887,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -1877,7 +1887,8 @@ export default class TableSummaryTriputra extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
value={Number(tableMeta.rowData[31]).toFixed(1)} suffix={"%"}
value={tableMeta.rowData[31]}
/> />
} }
/> />
...@@ -1911,7 +1922,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -1911,7 +1922,8 @@ export default class TableSummaryTriputra extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
value={Number(tableMeta.rowData[33]).toFixed(1)} suffix={"%"}
value={tableMeta.rowData[33]}
/> />
} }
/> />
...@@ -2098,7 +2110,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2098,7 +2110,8 @@ export default class TableSummaryTriputra extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
value={Number(tableMeta.rowData[36]).toFixed(1)} suffix={"%"}
value={tableMeta.rowData[36]}
/> />
} }
/> />
...@@ -2130,7 +2143,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2130,7 +2143,8 @@ export default class TableSummaryTriputra extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
value={Number(tableMeta.rowData[38]).toFixed(1)} suffix={"%"}
value={tableMeta.rowData[38]}
/> />
} }
/> />
...@@ -2180,7 +2194,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2180,7 +2194,8 @@ export default class TableSummaryTriputra extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
value={Number(tableMeta.rowData[41]).toFixed(1)} suffix={"%"}
value={tableMeta.rowData[41]}
/> />
} }
/> />
...@@ -2214,7 +2229,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2214,7 +2229,8 @@ export default class TableSummaryTriputra extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
value={Number(tableMeta.rowData[43]).toFixed(1)} suffix={"%"}
value={tableMeta.rowData[43]}
/> />
} }
/> />
...@@ -2344,7 +2360,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -2344,7 +2360,7 @@ export default class TableSummaryTriputra extends Component {
<th style={{ ...style2, top: 0, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} > <th style={{ ...style2, top: 0, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
<div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div> <div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div>
<div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}> <div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-1 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 10 }</span> <span>{ Number(this.props.periode) - 10 }</span>
</div> </div>
...@@ -2358,7 +2374,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -2358,7 +2374,7 @@ export default class TableSummaryTriputra extends Component {
<span>{ Number(this.props.periode) - 7 }</span> <span>{ Number(this.props.periode) - 7 }</span>
</div> </div>
</div> </div>
<div className="grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-2 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 6 }</span> <span>{ Number(this.props.periode) - 6 }</span>
</div> </div>
...@@ -2373,7 +2389,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -2373,7 +2389,7 @@ export default class TableSummaryTriputra extends Component {
</div> </div>
</div> </div>
<div className="grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-3 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 2 }</span> <span>{ Number(this.props.periode) - 2 }</span>
</div> </div>
...@@ -2394,9 +2410,9 @@ export default class TableSummaryTriputra extends Component { ...@@ -2394,9 +2410,9 @@ export default class TableSummaryTriputra extends Component {
customBodyRender: (val, tableMeta, updateValue) => { customBodyRender: (val, tableMeta, updateValue) => {
return ( return (
<div> <div>
<div className="grid grid-3x content-center"> <div style={{ display: 'flex', justifyContent: 'space-between' }}>
<div className="grid grid-4x content-center"> <div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
<div className="col-1"> {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2413,8 +2429,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2413,8 +2429,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-2"> {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2431,8 +2447,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2431,8 +2447,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-3"> {/* <div className="col-3"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2449,8 +2465,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2449,8 +2465,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-4"> {/* <div className="col-4"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2467,10 +2483,10 @@ export default class TableSummaryTriputra extends Component { ...@@ -2467,10 +2483,10 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
</div> </div>
<div className="grid grid-4x content-center"> <div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
<div className="col-1"> {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2487,8 +2503,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2487,8 +2503,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-2"> {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2505,8 +2521,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2505,8 +2521,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-3"> {/* <div className="col-3"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2523,8 +2539,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2523,8 +2539,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-4"> {/* <div className="col-4"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2541,10 +2557,10 @@ export default class TableSummaryTriputra extends Component { ...@@ -2541,10 +2557,10 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
</div> </div>
<div className="grid grid-3x content-center"> <div style={{ display: 'flex', width: 640, justifyContent: 'space-between', textAlign: 'center' }}>
<div className="col-1"> {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2561,8 +2577,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2561,8 +2577,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-2"> {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2579,8 +2595,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2579,8 +2595,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-3"> {/* <div className="col-3"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2597,7 +2613,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -2597,7 +2613,7 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
{/* <div className="col-4"> {/* <div className="col-4">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ textAlign: 'center', width: 90 }}>
{val.d} {val.d}
...@@ -2726,9 +2742,9 @@ export default class TableSummaryTriputra extends Component { ...@@ -2726,9 +2742,9 @@ export default class TableSummaryTriputra extends Component {
customBodyRender: (val, tableMeta, updateValue) => { customBodyRender: (val, tableMeta, updateValue) => {
return ( return (
<div> <div>
<div className="grid grid-3x content-center"> <div style={{ display: 'flex', justifyContent: 'space-between'}}>
<div className="grid grid-4x content-center"> <div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
<div className="col-1"> {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2745,8 +2761,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2745,8 +2761,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-2"> {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2763,8 +2779,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2763,8 +2779,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-3"> {/* <div className="col-3"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2781,8 +2797,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2781,8 +2797,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-4"> {/* <div className="col-4"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2799,10 +2815,10 @@ export default class TableSummaryTriputra extends Component { ...@@ -2799,10 +2815,10 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
</div> </div>
<div className="grid grid-4x content-center"> <div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
<div className="col-1"> {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2819,8 +2835,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2819,8 +2835,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-2"> {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2837,8 +2853,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2837,8 +2853,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-3"> {/* <div className="col-3"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2855,8 +2871,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2855,8 +2871,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-4"> {/* <div className="col-4"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2873,10 +2889,10 @@ export default class TableSummaryTriputra extends Component { ...@@ -2873,10 +2889,10 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
</div> </div>
<div className="grid grid-3x content-center"> <div style={{ display: 'flex', width: 640, justifyContent: 'space-between', textAlign: 'center'}}>
<div className="col-1"> {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2893,8 +2909,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2893,8 +2909,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-2"> {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2911,8 +2927,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2911,8 +2927,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-3"> {/* <div className="col-3"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2929,7 +2945,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -2929,7 +2945,7 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
{/* <div className="col-4"> {/* <div className="col-4">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ textAlign: 'center', width: 90 }}>
{val.d} {val.d}
...@@ -3058,9 +3074,9 @@ export default class TableSummaryTriputra extends Component { ...@@ -3058,9 +3074,9 @@ export default class TableSummaryTriputra extends Component {
customBodyRender: (val, tableMeta, updateValue) => { customBodyRender: (val, tableMeta, updateValue) => {
return ( return (
<div> <div>
<div className="grid grid-3x content-center"> <div style={{ display: 'flex', justifyContent: 'space-between'}}>
<div className="grid grid-4x content-center"> <div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
<div className="col-1"> {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3077,8 +3093,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3077,8 +3093,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-2"> {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3095,8 +3111,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3095,8 +3111,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-3"> {/* <div className="col-3"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3113,8 +3129,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3113,8 +3129,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-4"> {/* <div className="col-4"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3131,10 +3147,10 @@ export default class TableSummaryTriputra extends Component { ...@@ -3131,10 +3147,10 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
</div> </div>
<div className="grid grid-4x content-center"> <div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
<div className="col-1"> {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3151,8 +3167,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3151,8 +3167,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-2"> {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3169,8 +3185,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3169,8 +3185,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-3"> {/* <div className="col-3"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3187,8 +3203,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3187,8 +3203,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-4"> {/* <div className="col-4"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3205,10 +3221,10 @@ export default class TableSummaryTriputra extends Component { ...@@ -3205,10 +3221,10 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
</div> </div>
<div className="grid grid-3x content-center"> <div style={{ display: 'flex', width: 640, justifyContent: 'space-between', textAlign: 'center'}}>
<div className="col-1"> {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3225,8 +3241,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3225,8 +3241,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-2"> {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3243,8 +3259,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3243,8 +3259,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-3"> {/* <div className="col-3"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3261,7 +3277,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -3261,7 +3277,7 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
{/* <div className="col-4"> {/* <div className="col-4">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ textAlign: 'center', width: 90 }}>
{val.d} {val.d}
...@@ -3390,9 +3406,9 @@ export default class TableSummaryTriputra extends Component { ...@@ -3390,9 +3406,9 @@ export default class TableSummaryTriputra extends Component {
customBodyRender: (val, tableMeta, updateValue) => { customBodyRender: (val, tableMeta, updateValue) => {
return ( return (
<div> <div>
<div className="grid grid-3x content-center"> <div style={{ display: 'flex', justifyContent: 'space-between'}}>
<div className="grid grid-4x content-center"> <div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
<div className="col-1"> {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3409,8 +3425,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3409,8 +3425,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-2"> {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3427,8 +3443,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3427,8 +3443,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-3"> {/* <div className="col-3"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3445,8 +3461,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3445,8 +3461,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-4"> {/* <div className="col-4"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3463,10 +3479,10 @@ export default class TableSummaryTriputra extends Component { ...@@ -3463,10 +3479,10 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
</div> </div>
<div className="grid grid-4x content-center"> <div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
<div className="col-1"> {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3483,8 +3499,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3483,8 +3499,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-2"> {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3501,8 +3517,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3501,8 +3517,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-3"> {/* <div className="col-3"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3519,8 +3535,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3519,8 +3535,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-4"> {/* <div className="col-4"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3537,10 +3553,10 @@ export default class TableSummaryTriputra extends Component { ...@@ -3537,10 +3553,10 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
</div> </div>
<div className="grid grid-3x content-center"> <div style={{ display: 'flex', width: 640, justifyContent: 'space-between', textAlign: 'center'}}>
<div className="col-1"> {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3557,8 +3573,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3557,8 +3573,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-2"> {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3575,8 +3591,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3575,8 +3591,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-3"> {/* <div className="col-3"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3593,7 +3609,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -3593,7 +3609,7 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
{/* <div className="col-4"> {/* <div className="col-4">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ textAlign: 'center', width: 90 }}>
{val.d} {val.d}
...@@ -3722,9 +3738,9 @@ export default class TableSummaryTriputra extends Component { ...@@ -3722,9 +3738,9 @@ export default class TableSummaryTriputra extends Component {
customBodyRender: (val, tableMeta, updateValue) => { customBodyRender: (val, tableMeta, updateValue) => {
return ( return (
<div> <div>
<div className="grid grid-3x content-center"> <div style={{ display: 'flex', justifyContent: 'space-between'}}>
<div className="grid grid-4x content-center"> <div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
<div className="col-1"> {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3741,8 +3757,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3741,8 +3757,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-2"> {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3759,8 +3775,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3759,8 +3775,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-3"> {/* <div className="col-3"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3777,8 +3793,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3777,8 +3793,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-4"> {/* <div className="col-4"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3795,10 +3811,10 @@ export default class TableSummaryTriputra extends Component { ...@@ -3795,10 +3811,10 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
</div> </div>
<div className="grid grid-4x content-center"> <div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
<div className="col-1"> {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3815,8 +3831,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3815,8 +3831,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-2"> {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3833,8 +3849,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3833,8 +3849,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-3"> {/* <div className="col-3"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3851,8 +3867,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3851,8 +3867,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-4"> {/* <div className="col-4"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3869,10 +3885,10 @@ export default class TableSummaryTriputra extends Component { ...@@ -3869,10 +3885,10 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
</div> </div>
<div className="grid grid-3x content-center"> <div style={{ display: 'flex', width: 640, justifyContent: 'space-between', textAlign: 'center'}}>
<div className="col-1"> {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3889,8 +3905,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3889,8 +3905,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-2"> {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3907,8 +3923,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3907,8 +3923,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-3"> {/* <div className="col-3"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -3925,7 +3941,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -3925,7 +3941,7 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
{/* <div className="col-4"> {/* <div className="col-4">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ textAlign: 'center', width: 90 }}>
{val.d} {val.d}
...@@ -4054,9 +4070,9 @@ export default class TableSummaryTriputra extends Component { ...@@ -4054,9 +4070,9 @@ export default class TableSummaryTriputra extends Component {
customBodyRender: (val, tableMeta, updateValue) => { customBodyRender: (val, tableMeta, updateValue) => {
return ( return (
<div> <div>
<div className="grid grid-3x content-center"> <div style={{ display: 'flex', justifyContent: 'space-between'}}>
<div className="grid grid-4x content-center"> <div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
<div className="col-1"> {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -4073,8 +4089,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -4073,8 +4089,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-2"> {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -4091,8 +4107,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -4091,8 +4107,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-3"> {/* <div className="col-3"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -4109,8 +4125,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -4109,8 +4125,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-4"> {/* <div className="col-4"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -4127,10 +4143,10 @@ export default class TableSummaryTriputra extends Component { ...@@ -4127,10 +4143,10 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
</div> </div>
<div className="grid grid-4x content-center"> <div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
<div className="col-1"> {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -4147,8 +4163,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -4147,8 +4163,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-2"> {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -4165,8 +4181,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -4165,8 +4181,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-3"> {/* <div className="col-3"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -4183,8 +4199,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -4183,8 +4199,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-4"> {/* <div className="col-4"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -4201,10 +4217,10 @@ export default class TableSummaryTriputra extends Component { ...@@ -4201,10 +4217,10 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
</div> </div>
<div className="grid grid-3x content-center"> <div style={{ display: 'flex', width: 640, justifyContent: 'space-between', textAlign: 'center'}}>
<div className="col-1"> {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -4221,8 +4237,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -4221,8 +4237,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-2"> {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -4239,8 +4255,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -4239,8 +4255,8 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
<div className="col-3"> {/* <div className="col-3"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -4257,7 +4273,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -4257,7 +4273,7 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> {/* </div> */}
{/* <div className="col-4"> {/* <div className="col-4">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ textAlign: 'center', width: 90 }}>
{val.d} {val.d}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment