Refactor pagination logic in app.py: move dataframe display to the correct position for improved user experience and clarity.

app.py

@@ -905,16 +905,7 @@ with tab3:
                             st.write('Export portfolio updated!')
                 
             st.download_button(label="Download Portfolio", data=export_file.to_csv(index=False), file_name="portfolio.csv", mime="text/csv")
-            # Display the paginated dataframe first
-            st.dataframe(
-                st.session_state['portfolio'].style
-                .background_gradient(axis=0)
-                .background_gradient(cmap='RdYlGn')
-                .background_gradient(cmap='RdYlGn_r', subset=['Finish_percentile', 'Own', 'Dupes'])
-                .format(freq_format, precision=2), 
-                height=1000,
-                use_container_width=True
-            )
+            
 
             # Add pagination controls below the dataframe
             total_rows = len(st.session_state['portfolio'])
@@ -945,6 +936,16 @@ with tab3:
 
             # Get the subset of data for the current page
             current_page_data = st.session_state['portfolio'].iloc[start_idx:end_idx]
+            # Display the paginated dataframe first
+            st.dataframe(
+                st.session_state['portfolio'].style
+                .background_gradient(axis=0)
+                .background_gradient(cmap='RdYlGn')
+                .background_gradient(cmap='RdYlGn_r', subset=['Finish_percentile', 'Own', 'Dupes'])
+                .format(freq_format, precision=2), 
+                height=1000,
+                use_container_width=True
+            )
             
             # Create player summary dataframe
             player_stats = []