monthly report pl

src/container/MonthlyReport/ProfitLossMR.js

-import { createMuiTheme, MuiThemeProvider, Paper, TableCell, Typography } from '@material-ui/core'
+import { createMuiTheme, MuiThemeProvider, Paper, TableCell, Typography, Tooltip, withStyles } from '@material-ui/core'
 import MUIDataTable from 'mui-datatables';
 import React, { Component } from 'react'
 import ReactTooltip from 'react-tooltip';
 import Images from '../../assets/Images';
 
+const LightTooltip = withStyles((theme) => ({
+    tooltip: {
+        backgroundColor: theme.palette.common.white,
+        color: 'rgba(0, 0, 0, 0.87)',
+        boxShadow: theme.shadows[1],
+        fontSize: 11,
+    },
+}))(Tooltip);
+
 var ct = require("../../library/CustomTable");
 const getMuiTheme = () => createMuiTheme(ct.customTable3());
 
@@ -23,6 +32,12 @@ const style2 = {
 };
 
 export default class ProfitLossMR extends Component {
+    constructor(props) {
+        super(props)
+        this.state = {
+            dataTable: []
+        }
+    }
     render() {
         let columns = [
             {
@@ -54,7 +69,7 @@ export default class ProfitLossMR extends Component {
                     setCellProps: () => ({ style }),
                     customBodyRender: (val, tableMeta) => {
                         return (
-                            <div style={{ width: 96 }}>
+                            <div style={{ textAlign: 'right' }}>
                                 {val}
                             </div>
                         )