fixheader column

src/container/BudgetTahunan.js

@@ -559,6 +559,8 @@ export default class BudgetTahunan extends Component {
                 {this.state.visibleBS && (
                     <BalanceSheet
                         report_id={this.state.report_id}
+                        height={this.props.height}
+                        width={this.props.width}
                         company={this.state.company}
                         revision={this.state.revisionTable}
                         periode={this.state.periode.periode}

src/container/Home.js

@@ -473,22 +473,25 @@ export default function MiniDrawer() {
             </IconButton>}
           {open &&
             <div style={{ width: '100%', marginTop: 15, marginBottom: 60 }}>
-              <Typography style={{ fontSize: 14, color: '#fff', textAlign: 'center', fontWeight: 'bold' }}>{userFullname}</Typography>
-              <Typography style={{ fontSize: 14, color: '#fff', textAlign: 'center', marginTop: 10 }}>{userEmail}</Typography>
+              <Link to={"profile"}>
+                <Typography style={{ fontSize: 14, color: '#fff', textAlign: 'center', fontWeight: 'bold' }}>{userFullname}</Typography>
+              </Link>
+              <Link to={"profile"}>
+                <Typography style={{ fontSize: 14, color: '#fff', textAlign: 'center', marginTop: 10 }}>{userEmail}</Typography>
+              </Link>
             </div>
           }
         </div>
         <Divider />
         {open &&
           <div style={{ width: '100%', textAlign: '-webkit-center', marginTop: -45, display: 'flex', justifyContent: 'center' }}>
-            <div className={"sub-color"} style={{ width: 90, height: 90, borderRadius: 50, display: 'flex', justifyContent: 'center' }}>
-              <div style={{ width: 72, height: 72, backgroundColor: '#838383', borderRadius: 50, alignSelf: 'center' }}>
-                <Link to={"profile"}>
+            <Link to={"profile"}>
+              <div className={"sub-color"} style={{ width: 90, height: 90, borderRadius: 50, display: 'flex', justifyContent: 'center' }}>
+                <div style={{ width: 72, height: 72, backgroundColor: '#838383', borderRadius: 50, alignSelf: 'center' }}>
                   {userPhoto === "" ? null : <img src={userPhoto} style={{ width: 72, height: 72, borderRadius: 50 }} />}
-                </Link>
+                </div>
               </div>
-
-            </div>
+            </Link>
           </div>
         }
         {open && application.length > 0 &&
@@ -619,7 +622,7 @@ export default function MiniDrawer() {
                   key={index}
                   path={route.path}
                   // exact={route.exact}
-                  children={<route.main height={height} />}
+                  children={<route.main height={height} width={width} />}
                 />
               ))}
             </Switch>

src/library/CustomTable.js

@@ -356,6 +356,7 @@ exports.customOptionsFixedColumn = function () {
     filterType: false,
     filter: false,
     sort: false,
+    responsive: 'scrollMaxHeight',
     viewColumns:false,
     overflowX: 'auto',
     print: false,