Skip to content

T
Tia-dev
Commit a2e49a97 authored by Deni Rinaldi's avatar Deni Rinaldi
Browse files
Options

si freeze notes

parent ff0dd142
Show whitespace changes
Inline Side-by-side
Showing with 37 additions and 19 deletions
src/container/BudgetTahunan/ProfitLoss.js
View file @ a2e49a97
...@@ -35,6 +35,12 @@ const style2 = { ...@@ -35,6 +35,12 @@ const style2 = {
background: "white", background: "white",
zIndex: 100 zIndex: 100
}; };
const stylenotes = {
position: "sticky",
background: "white",
zIndex: 101,
left: 350
};
export default class ProfitLoss extends Component { export default class ProfitLoss extends Component {
constructor(props) { constructor(props) {
...@@ -549,7 +555,7 @@ export default class ProfitLoss extends Component { ...@@ -549,7 +555,7 @@ export default class ProfitLoss extends Component {
if (item == '-' || item == '+' || item == '/' || item == '*') { if (item == '-' || item == '+' || item == '/' || item == '*') {
opet = item opet = item
} else { } else {
arrayJumlah.push(opet == ''? Number(item) : Number(String(opet + String(item)))) arrayJumlah.push(opet == '' ? Number(item) : Number(String(opet + String(item))))
tambahan = false tambahan = false
opet = "" opet = ""
} }
...@@ -665,11 +671,18 @@ export default class ProfitLoss extends Component { ...@@ -665,11 +671,18 @@ export default class ProfitLoss extends Component {
name: "Notes", name: "Notes",
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<TableCell style={{ ...style2, top: 0, zIndex: 102, backgroundColor: '#1c71b8', width: 96 }}> <TableCell style={{ ...stylenotes, top: 0, zIndex: 102, backgroundColor: '#1c71b8', width: 96 }}>
<Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography> <Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
</TableCell> </TableCell>
), ),
setCellProps: () => ({ style2 }), setCellProps: () => ({
style: {
position: "sticky",
background: "white",
zIndex: 101,
left: 350
}
}),
customBodyRender: (value, tableMeta, updateValue) => { customBodyRender: (value, tableMeta, updateValue) => {
return ( return (
<div style={{ textAlign: 'right' }}> <div style={{ textAlign: 'right' }}>
...@@ -2169,6 +2182,7 @@ export default class ProfitLoss extends Component { ...@@ -2169,6 +2182,7 @@ export default class ProfitLoss extends Component {
<div style={{ marginTop: 20, width: this.props.width - (this.props.open === true ? 400 : 150) }}> <div style={{ marginTop: 20, width: this.props.width - (this.props.open === true ? 400 : 150) }}>
{this.state.loading && loadingComponent} {this.state.loading && loadingComponent}
{!this.state.loading && (
<MuiThemeProvider theme={getMuiTheme()}> <MuiThemeProvider theme={getMuiTheme()}>
<MUIDataTable <MUIDataTable
data={dataTable2} data={dataTable2}
...@@ -2176,6 +2190,8 @@ export default class ProfitLoss extends Component { ...@@ -2176,6 +2190,8 @@ export default class ProfitLoss extends Component {
options={options} options={options}
/> />
</MuiThemeProvider> </MuiThemeProvider>
)}
</div> </div>
<Typography style={{ fontSize: '11px', color: '#4b4b4b', marginTop: 20 }}>Last Updated by : {this.state.updateBy}</Typography> <Typography style={{ fontSize: '11px', color: '#4b4b4b', marginTop: 20 }}>Last Updated by : {this.state.updateBy}</Typography>
</div> </div>
...@@ -2284,6 +2300,7 @@ export default class ProfitLoss extends Component { ...@@ -2284,6 +2300,7 @@ export default class ProfitLoss extends Component {
{this.state.dataLoaded && ( {this.state.dataLoaded && (
<div style={{ marginTop: 20, width: this.props.width - (this.props.open === true ? 400 : 150) }}> <div style={{ marginTop: 20, width: this.props.width - (this.props.open === true ? 400 : 150) }}>
{this.state.loading && loadingComponent} {this.state.loading && loadingComponent}
{!this.state.loading && (
<MuiThemeProvider theme={getMuiTheme()}> <MuiThemeProvider theme={getMuiTheme()}>
<MUIDataTable <MUIDataTable
data={dataTable2} data={dataTable2}
...@@ -2291,6 +2308,7 @@ export default class ProfitLoss extends Component { ...@@ -2291,6 +2308,7 @@ export default class ProfitLoss extends Component {
options={options} options={options}
/> />
</MuiThemeProvider> </MuiThemeProvider>
)}
</div> </div>
)} )}
</div> </div>
......
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