Comments (6)
jsamr
commented on July 20, 2024
@srdjandjuka Could you provide a reproduction in the form of an Expo snack, or git repository? It is impossible for me to investigate without access to some source code, and context about versions used.
from plugins.
jsamr
commented on July 20, 2024
@srdjandjuka But to answer your question, there is no apparent reason why the heights would be synchronized. Actually, if you try the expo playground, you'll notice multiple tables with distinct heights. The answer likely resides in your code, but I cannot assert that for now!
from plugins.
srdjandjuka
commented on July 20, 2024
export const cssRules = cssRulesFromSpecs(defaultTableStylesSpecs) +
table, th, td {
border: 1px solid #F1F1F1;
}
th, td {
padding: 5px;
}
table>tbody>tr>td{
font-size: 10px !important;
background: #ffffff !important;
}
table>tbody>tr:nth-child(2n)>td{
background: #5 !important;
}
table{
width: 100%;
height: 100%;
}
table>thead>tr{
font-size: 12px;
}
p {
background-color: red;
}
`;
const renderers = {
table: makeTableRenderer({
WebView,
animationType: 'none',
cssRules,
}),
};
const htmlConfig = {
alterNode,
renderers,
ignoredTags: IGNORED_TAGS,
};
<View
style={[
styles.productDetails_aboutProductTabDescriptionContainer,
{display: open ? 'flex' : 'none'},
]}>
<HTML
html={
initialJSON?.homePageElements?.SLIDER_5?.sliders[0]?.description
}
{...htmlConfig}
baseFontStyle={getStoreStyle().articleDetails_newsText}
/>
`
Container view has vertical padding 15 and thats it. When i disable one of this tabs, it works perfect, if I use both tabs the problem appears and only on android.
from plugins.
jsamr
commented on July 20, 2024
@srdjandjuka Unfortunately, there is nothing I can reproduce with the code you provided since I can't run it on a simulator. I'm willing to help as soon as I can actually run something and investigate. See also https://stackoverflow.com/help/minimal-reproducible-example
from plugins.
jsamr
commented on July 20, 2024
@srdjandjuka Usually, the approach I take to do so is:
- Create a new branch in my project, e.g. "table-plugin-26"
- Remove all unnecessary code while reproducing the issue.
- When you've reached the moment where the quantity of source code is minimal, either create a new git repo or copy here the source reproducing the issues + your package.json. Use markdown formatting for the sources; otherwise it will be unreadable.
from plugins.
jsamr
commented on July 20, 2024
Closing due to inactivity. Feel free to post and reopen if you find the time to provide a proper reproduction.
from plugins.
Related Issues (20)
- img tag is not supported inside table HOT 11
- Works fine for iOS but breaking in PWA HOT 9
- [table-plugin] Set text-align in tableStyleSpecs HOT 3
- undefinded is not a function (near '...(0,_reactNativeRenderHtml.domNodeToHTMLString)...') HOT 3
- i got error on back press please resolve it, thanks HOT 2
- If you get an error, read this first
- [iframe] Video always autoplay. How to disable autoplay? HOT 1
- [iframe] "scalesPageToFit=true" not zooming out HOT 5
- [heuristic-table-plugin]table-row/collum styling HOT 4
- [iframe-plugin] Content doesn't scale to fit if the container has some padding HOT 5
- Table not showing HOT 2
- [heuristic-table-plugin] forceStretch causes crash HOT 4
- [iframe-plugin] Add an option to add headers to the webview HOT 2
- [iframe-plugin] html string with iframe, iframe will not work HOT 8
- [heuristic-table-plugin] Text not showing when using tableRenderers
- [table-plugin] Android app (expo go and production) crashes for certain html content HOT 2
- [iframe-plugin] Crashes on Android when using certain content. HOT 4
- [iframe-plugin] html string with iframe, iframe will not work. Tried the solution in issue #41 but the app crashes
- borderwidth not showing in right side and bottom side in Table. HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from plugins.