apdet

src/container/MonthlyReport/ProfitLossMR.js

@@ -31,6 +31,12 @@ const style2 = {
     zIndex: 100,
     top: 0
 };
+const stylenotes = {
+    position: "sticky",
+    background: "white",
+    zIndex: 101,
+    left: 350
+};
 
 export default class ProfitLossMR extends Component {
     constructor(props) {
@@ -60,14 +66,21 @@ export default class ProfitLossMR extends Component {
                 }
             },
             {
-                name: "Keterangan",
+                name: "Notes",
                 options: {
                     customHeadRender: (columnMeta) => (
-                        <TableCell key={columnMeta.index} style={{ ...style, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96, borderLeft: '1px #fff solid'}}>
+                        <TableCell key={columnMeta.index} style={{ ...stylenotes, top: 0, zIndex: 102, backgroundColor: '#1c71b8', width: 96, borderLeft: '1px #fff solid'}}>
                             <Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
                         </TableCell>
                     ),
-                    setCellProps: () => ({ style2 }),
+                    setCellProps: () => ({
+                        style: {
+                            position: "sticky",
+                            background: "white",
+                            zIndex: 101,
+                            left: 350
+                        }
+                      }),
                     customBodyRender: (val, tableMeta) => {
                         return (
                             <div style={{ textAlign: 'right' }}>