diegomura / diegomura/react-pdf

Table with vertical header

Open
#2,609 0 comments 3 reactions 0 assignees View on GitHub
new feature question
Dominant language
TypeScript
Stars
16.8k
Forks
1.3k
Avg merge
5h 6m
Merged PRs (30d)
52

Description

I'm trying to make a table (using View and Text) whose header has some vertical columns, the image shows the closest I've come to achieving this, but I had to hyphenate the words and I need it to accept the words separately, Does anyone know if there is any way to achieve this?
Captura de pantalla 2024-02-06 a la(s) 3 03 49 p m

Font:
Font.registerHyphenationCallback(word => [word]);

Style:
const styles = StyleSheet.create({
tableContent: {
flexDirection: "row",
},
tableHeader: {
fontFamily: 'Arimo Bold',
fontSize: 9,
paddingTop: 1,
height: 18,
flexWrap: "wrap",
borderWidth: 1,
borderColor: '#cfcaca',
borderStyle: 'solid',
},
});
I am using transform: "rotate(90deg)" in the style property for vertical columns

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.