diegomura / diegomura/react-pdf
Table with vertical header
- 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?
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
Assessment
This issue has not been assessed yet.