From ef38a801784a33ef1c6952aec23418db862e421b Mon Sep 17 00:00:00 2001 From: RD2030 Date: Tue, 7 May 2024 14:10:07 +0800 Subject: [PATCH] To address the issue of a table in React Native where the content of the table is excessively wide, along with textual descriptions, and the table cannot scroll independently, you need to implement a solution that enables scrolling within the table component. --- packages/table-plugin/src/HTMLTable.tsx | 19 ++++++++++++------- 1 file changed, 12 insertions(+), 7 deletions(-) diff --git a/packages/table-plugin/src/HTMLTable.tsx b/packages/table-plugin/src/HTMLTable.tsx index 9f23503..3445398 100644 --- a/packages/table-plugin/src/HTMLTable.tsx +++ b/packages/table-plugin/src/HTMLTable.tsx @@ -5,7 +5,7 @@ import { StyleSheet, Dimensions, LayoutAnimation, - Animated + Animated,ScrollView } from 'react-native'; import { useAutoheight, @@ -228,7 +228,9 @@ function useSource({ Codestin Search App - ${html} + + ${html} + `; }, [tableStyleSpecs, cssRules, html, maxScale]); @@ -302,11 +304,14 @@ export const HTMLTable = function HTMLTable({ props: autoheightWebshellProps }); return ( - - {React.createElement(WebView, webViewProps)} - + + + {React.createElement(WebView, webViewProps)} + + + ); };