diff --git a/src/App.tsx b/src/App.tsx
index 9a0d704..7e69ded 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useState, useRef } from "react";
 import { WorkBook } from "xlsx/types";
 import { Row, Col, Select } from "antd";
 
@@ -19,19 +19,22 @@ function App() {
   const [leftsheetlist, setLeftSheetlist] = useState<any[] | null>(null);
   const [hotTableComponentLeft] = useState(React.createRef());
   const [leftsheetdata, setLeftSheetData] = useState(
-    JSON.parse(JSON.stringify(ExcelHelper.BlankData(12, 10)))
+    JSON.parse(JSON.stringify(ExcelHelper.BlankData(12, 8)))
   );
   const [leftWorkbook, setLeftWorkbook] = useState<WorkBook>();
   const [rightsheetname, setRightSheetname] = useState("Sheet1");
   const [rightsheetlist, setRightSheetlist] = useState<any[] | null>(null);
   const [hotTableComponentRight] = useState(React.createRef());
   const [rightsheetdata, setRightSheetData] = useState(
-    JSON.parse(JSON.stringify(ExcelHelper.BlankData(12, 10)))
+    JSON.parse(JSON.stringify(ExcelHelper.BlankData(12, 8)))
   );
   const [rightWorkbook, setRightWorkbook] = useState<WorkBook>();
   const [diffBtnText] = useState(">> Diff <<");
   const [hotTableComponentDiffResult] = useState(React.createRef());
 
+  const leftFileSelectRef = useRef<any>(null);
+  const rightFileSelectRef = useRef<any>(null);
+
   const fileHandler = (
     event: React.ChangeEvent<HTMLInputElement>,
     field: string
@@ -110,6 +113,7 @@ function App() {
             onSheetSelectChange={(e) => onSheetFieldChange(e, "left")}
             hotTableComponentLeft={hotTableComponentLeft}
             sheetdata={leftsheetdata}
+            fileRef={leftFileSelectRef}
           />
         </Col>
         <Col span={2}>
@@ -122,6 +126,21 @@ function App() {
               setLeftSheetData(ExcelHelper.SampleDataLeft);
               setRightSheetData(ExcelHelper.SampleDataRight);
             }}
+            onResetBtnClick={(e) => {
+              // window.location.reload();
+              leftFileSelectRef.current.value = "";
+              rightFileSelectRef.current.value = "";
+              setLeftSheetlist(null);
+              setRightSheetlist(null);
+              setLeftSheetname("Sheet1");
+              setRightSheetname("Sheet1");
+              setLeftSheetData(
+                JSON.parse(JSON.stringify(ExcelHelper.BlankData(12, 8)))
+              );
+              setRightSheetData(
+                JSON.parse(JSON.stringify(ExcelHelper.BlankData(12, 8)))
+              );
+            }}
           />
         </Col>
         <Col span={11}>
@@ -132,6 +151,7 @@ function App() {
             onSheetSelectChange={(e) => onSheetFieldChange(e, "right")}
             hotTableComponentRight={hotTableComponentRight}
             sheetdata={rightsheetdata}
+            fileRef={rightFileSelectRef}
           />
         </Col>
         <Col span={24} style={{ textAlign: "center" }}>
diff --git a/src/components/Center.tsx b/src/components/Center.tsx
index 99bbc6c..bd75d10 100644
--- a/src/components/Center.tsx
+++ b/src/components/Center.tsx
@@ -6,6 +6,7 @@ interface DiffBtn {
   btntext: string;
   onDiffBtnClick(e: React.MouseEvent<HTMLElement, MouseEvent>): any;
   onSampleBtnClick(e: React.MouseEvent<HTMLElement, MouseEvent>): any;
+  onResetBtnClick(e: React.MouseEvent<HTMLElement, MouseEvent>): any;
 }
 
 const CenterHooks = (props: DiffBtn) => {
@@ -29,6 +30,15 @@ const CenterHooks = (props: DiffBtn) => {
       >
         {props.btntext}
       </Button>
+      <Button
+        ref={React.createRef()}
+        id="btn-clean"
+        type="default"
+        style={{ marginTop: 10 }}
+        onClick={(e) => props.onResetBtnClick(e)}
+      >
+        {" << reset >> "}
+      </Button>
     </div>
   );
 };
diff --git a/src/components/Import.tsx b/src/components/Import.tsx
index fc81e64..c75f178 100644
--- a/src/components/Import.tsx
+++ b/src/components/Import.tsx
@@ -6,6 +6,7 @@ import "antd/dist/antd.css";
 interface Import {
   sheetname: string;
   sheetlist: any;
+  fileRef: React.RefObject<any>;
   onFileSelectChange(e: React.ChangeEvent<HTMLInputElement>): any;
   onSheetSelectChange(e: string): any;
 }
@@ -23,6 +24,7 @@ const ImportHooks = (props: Import) => {
         accept={ExcelHelper.SheetJSFT()}
         aria-label="Select original file"
         onChange={(e) => props.onFileSelectChange(e)}
+        ref={props.fileRef}
       ></input>
       <Select
         style={{ width: "40%" }}
diff --git a/src/components/Left.tsx b/src/components/Left.tsx
index c36b103..686f0c5 100644
--- a/src/components/Left.tsx
+++ b/src/components/Left.tsx
@@ -6,6 +6,7 @@ import ImportHooks from "../components/Import";
 interface Left {
   sheetname: string;
   sheetlist: any;
+  fileRef: React.RefObject<any>;
 
   sheetdata: any[][] | Handsontable.RowObject[];
   hotTableComponentLeft: React.RefObject<any>;
@@ -19,9 +20,9 @@ const LeftHooks = (props: Left) => {
     colHeaders: true,
     rowHeaders: true,
     height: 305,
-    minRows: 5,
-    minCols: 5,
-    colWidth: 100,
+    minRows: 12,
+    minCols: 8,
+    // colWidth: 100,
     licenseKey: "non-commercial-and-evaluation",
     id: "table-left",
   };
@@ -36,11 +37,12 @@ const LeftHooks = (props: Left) => {
             props.onFileSelectChange(e)
           }
           onSheetSelectChange={(e: string) => props.onSheetSelectChange(e)}
+          fileRef={props.fileRef}
         />
         <HotTable
           ref={props.hotTableComponentLeft}
           data={props.sheetdata}
-          style={{ width: "100%" }}
+          style={{ width: "98%" }}
           settings={hotLeftSettings}
           stretchH={"all"}
         />
diff --git a/src/components/Right.tsx b/src/components/Right.tsx
index 6a2e9bd..42f7362 100644
--- a/src/components/Right.tsx
+++ b/src/components/Right.tsx
@@ -6,6 +6,7 @@ import ImportHooks from "../components/Import";
 interface Right {
   sheetname: string;
   sheetlist: any;
+  fileRef: React.RefObject<any>;
 
   sheetdata: any[][] | Handsontable.RowObject[];
   hotTableComponentRight: React.RefObject<any>;
@@ -19,9 +20,9 @@ const RightHooks = (props: Right) => {
     colHeaders: true,
     rowHeaders: true,
     height: 305,
-    minRows: 5,
-    minCols: 5,
-    colWidth: 100,
+    minRows: 12,
+    minCols: 8,
+    // colWidth: 100,
     licenseKey: "non-commercial-and-evaluation",
     id: "table-right",
   };
@@ -36,11 +37,12 @@ const RightHooks = (props: Right) => {
             props.onFileSelectChange(e)
           }
           onSheetSelectChange={(e: string) => props.onSheetSelectChange(e)}
+          fileRef={props.fileRef}
         />
         <HotTable
           ref={props.hotTableComponentRight}
           data={props.sheetdata}
-          style={{ width: "100%" }}
+          style={{ width: "98%" }}
           settings={hotRightSettings}
           stretchH={"all"}
         />
diff --git a/src/utils/ExcelHelper.ts b/src/utils/ExcelHelper.ts
index a25bf43..f104e2b 100644
--- a/src/utils/ExcelHelper.ts
+++ b/src/utils/ExcelHelper.ts
@@ -77,169 +77,51 @@ export class ExcelHelper {
 
   public static SampleDataLeft = () => {
     var TestData = [
-      [
-        "Date",
-        "Symbol",
-        "Open",
-        "High",
-        "Low",
-        "Close",
-        "Volume",
-        "ask",
-        "cash",
-        "type",
-        "amount",
-        "nonce",
-      ],
+      ["Date", "High", "Low", "Close", "Volume", "ask", "cash"],
       [
         "2019-07-08 00:00:00",
-        "BTCUSD",
-        "11475.07",
         "11540.33",
         "11469.53",
         "11506.43",
         "10.77073088",
-
         "0",
         "100000000",
-        "exchange limit",
-        "5",
-        "payload_nonce",
-      ],
-      [
-        "2019-07-07 23:00:00",
-        "BTCUSD",
-        "11423.0",
-        "11482.72",
-        "11423.0",
-        "11475.07",
-        "32.99655899",
-
-        "0",
-        "100000000",
-        "exchange limit",
-        "5",
-        "payload_nonce",
-      ],
-      [
-        "2019-07-07 22:00:00",
-        "BTCUSD",
-        "11526.25",
-        "11572.74",
-        "11333.59",
-        "11423.0",
-        "48.9377301868",
-
-        "0",
-        "100000000",
-        "exchange limit",
-        "5",
-        "payload_nonce",
-      ],
-      [
-        "2019-07-07 21:00:00",
-        "BTCUSD",
-        "11515.8",
-        "11562.65",
-        "11475.2",
-        "11526.25",
-        "25.3239076786",
-
-        "0",
-        "100000000",
-        "exchange limit",
-        "5",
-        "payload_nonce",
-      ],
-      [
-        "2019-07-07 20:00:00",
-        "BTCUSD",
-        "11547.98",
-        "11624.88",
-        "11423.94",
-        "11515.8",
-        "63.2119724403",
-
-        "0",
-        "100000000",
-        "exchange limit",
-        "5",
-        "payload_nonce",
       ],
       [
         "2019-07-07 19:00:00",
-        "BTCUSD",
-        "11470.47",
         "11610.0",
         "11432.32",
         "11547.98",
         "67.915214697",
-
         "0",
         "100000000",
-        "exchange limit",
-        "5",
-        "payload_nonce",
       ],
       [
         "2019-07-07 18:00:00",
-        "BTCUSD",
-        "11502.04",
         "11525.0",
         "11426.74",
         "11470.47",
         "31.1094771869",
-
         "0",
         "100000000",
-        "exchange limit",
-        "5",
-        "payload_nonce",
-      ],
-      [
-        "2019-07-07 17:00:00",
-        "BTCUSD",
-        "11201.6",
-        "11566.43",
-        "11201.6",
-        "11502.04",
-        "121.5256740453",
-
-        "0",
-        "100000000",
-        "exchange limit",
-        "5",
-        "payload_nonce",
       ],
       [
         "2019-07-07 16:00:00",
-        "BTCUSD",
-        "11254.97",
         "11254.97",
         "11135.01",
         "11201.6",
         "23.5194946648",
-
         "0",
         "100000000",
-        "exchange limit",
-        "5",
-        "payload_nonce",
       ],
       [
         "2019-07-07 15:00:00",
-        "BTCUSD",
-        "11358.05",
         "11408.02",
         "11189.0",
         "11254.97",
         "64.0821938629",
-
         "0",
         "100000000",
-        "exchange limit",
-        "5",
-        "payload_nonce",
       ],
     ];
 
@@ -248,24 +130,9 @@ export class ExcelHelper {
 
   public static SampleDataRight = () => {
     var TestData = [
-      [
-        "Date",
-        "Symbol",
-        "Open",
-        "High",
-        "Low",
-        "Close",
-        "Volume",
-        "bid",
-        "ask",
-        "Buy",
-        "type2",
-        "amount",
-      ],
+      ["Date", "High", "Low", "Close", "Volume", "bid", "ask", "Buy"],
       [
         "2019-07-07 23:00:00",
-        "BTCUSD",
-        "11423.0",
         "11482.72",
         "11423.0",
         "11475.07",
@@ -273,55 +140,9 @@ export class ExcelHelper {
         "6",
         "0",
         "3",
-        "exchange limit",
-        "5",
-      ],
-      [
-        "2019-07-07 22:00:00",
-        "BTCUSD",
-        "11526.25",
-        "11572.74",
-        "11333.59",
-        "11423.0",
-        "48.9377301868",
-        "6",
-        "0",
-        "9",
-        "exchange limit",
-        "5",
-      ],
-      [
-        "2019-07-07 21:00:00",
-        "BTCUSD",
-        "11515.8",
-        "11562.65",
-        "11478.2",
-        "11526.25",
-        "25.3239076786",
-        "6",
-        "0",
-        "9",
-        "exchange limit",
-        "5",
-      ],
-      [
-        "2019-07-07 20:00:00",
-        "BTCUSD",
-        "11547.98",
-        "11624.88",
-        "11423.94",
-        "11515.8",
-        "63.2119724403",
-        "6",
-        "0",
-        "9",
-        "exchange limit",
-        "5",
       ],
       [
         "2019-07-07 19:00:00",
-        "BTCUSD",
-        "11470.47",
         "11610.0",
         "11432.32",
         "11547.98",
@@ -329,13 +150,9 @@ export class ExcelHelper {
         "6",
         "0",
         "9",
-        "exchange limit",
-        "5",
       ],
       [
         "2019-07-07 18:10:00",
-        "BTCUSD",
-        "11502.04",
         "11525.0",
         "11426.74",
         "11470.47",
@@ -343,27 +160,19 @@ export class ExcelHelper {
         "6",
         "0",
         "9",
-        "exchange limit",
-        "5",
       ],
       [
         "2019-07-07 17:20:00",
-        "BBBBTCUSD",
-        "11201.06",
         "11566.23",
         "11211.56",
         "11503.4",
         "121.5246740453",
-        "5",
+
         "0",
         "9",
-        "exchange limit",
-        "5",
       ],
       [
         "2019-07-07 16:00:00",
-        "BTCUSD",
-        "11254.97",
         "11254.97",
         "11135.01",
         "11200.6",
@@ -371,13 +180,9 @@ export class ExcelHelper {
         "6",
         "0",
         "9",
-        "exchange limit",
-        "5",
       ],
       [
         "2019-07-07 15:00:00",
-        "BTCUSD",
-        "11358.05",
         "11408.02",
         "11189.0",
         "11254.97",
@@ -385,22 +190,6 @@ export class ExcelHelper {
         "6",
         "1",
         "9",
-        "exchange limit",
-        "5",
-      ],
-      [
-        "2019-07-07 14:00:00",
-        "BTCUSD",
-        "11383.54",
-        "11428.95",
-        "11358.05",
-        "11358.05",
-        "8.2622672695",
-        "6",
-        "0",
-        "9",
-        "exchange limit",
-        "5",
       ],
     ];