diff --git a/src/views/DataPivot.jsx b/src/views/DataPivot.jsx
index 3ef1fae..2d1ed9c 100644
--- a/src/views/DataPivot.jsx
+++ b/src/views/DataPivot.jsx
@@ -1,6 +1,6 @@
 import { useContext, useEffect, useState } from 'react';
 import { observer } from 'mobx-react';
-import { useParams } from 'react-router-dom';
+import { useParams, useLocation  } from 'react-router-dom';
 import { stores_Context } from '../config';
 import { Row, Col, Spin, Table, Select, Typography, Card, Button, Space, Divider } from 'antd';
 import { cloneDeep, groupBy, isEmpty, omit, pick, sortBy, unique, cartesianProductArray } from '../utils/commons';
@@ -66,6 +66,7 @@ const pageSetting = {
 
 export default observer((props) => {
   const { page } = useParams();
+  const { pathname } = useLocation();
   const { date_picker_store: searchFormStore, orders_store, DataPivotStore } = useContext(stores_Context);
   const { formValues, formValuesToSub } = searchFormStore;
   const { originData } = DataPivotStore.detailData[page];
@@ -339,7 +340,7 @@ export default observer((props) => {
   };
 
   return (
-    <>
+    <div key={pathname}>
       <Row gutter={16} className="sticky-top">
         <Col className="gutter-row" span={24}>
           <SearchForm
@@ -550,6 +551,6 @@ export default observer((props) => {
           <Table {...targetTableProps} dataSource={pivotTableDataSource} components={{ body: { cell: TdCell } }} />
         </Spin>
       </section>
-    </>
+    </div>
   );
 });