table x軸滾動條在頂部_ant design pro pro-table 翻頁定位的問題

問題

使用ant design pro 的時候，pro-table元件是一個強大的表格展示元件，不過翻頁的時候，如果清單太長，翻頁之後，沒能定位到頁面開頭的部分(滾動條)

怎麼解決這個問題呢，請繼續往下看。

解決

增加onLoad 屬性, 在加載完成的時候，把頁面滾動到最頂部

size="small"        style={{top: 10}}        header        actionRef={actionRef}        rowKey="id"        toolBarRender={(action, { selectedRows }) => [           handleModalVisible(true)}>             我有一言                  ]}        request={params => queryRule(params)}        onLoad={() => {          console.log("我們應該跑到頂上去");          document.documentElement.scrollTop=0;        }}        columns={columns}        search={false}      />
           

參考上面示例的代碼，注意onLoad裡面定義的一個函數，最核心的代碼，document.documentElement.scrollTop=0

你也可以在這裡，寫其他的業務邏輯，都是加載完之後觸發。