diegomura / diegomura/react-pdf

Bug: Text in Table Doesn't Fit Container

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

Description

**Issue Title:**

Bug: Text in Table Doesn't Fit Container

**Issue Description:**

**Bug Summary:**

The text within a table is overflowing and doesn't fit within its designated container.

**Expected Behavior:**

The text in the table should fit within the container without overflowing.

**Actual Behavior:**

The text overflows the container, making it difficult to read and causing a layout issue.

**Code Snippet:**

```jsx
export default function GasTableBody() {
Font.register({
family: 'Inter',
fonts: [
{
src: 'http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfMZhrib2Bg-4.ttf',
fontWeight: 400,
},
{
src: 'http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZhrib2Bg-4.ttf',
fontWeight: 500,
},
{
src: 'http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYMZhrib2Bg-4.ttf',
fontWeight: 600,
},
{
src: 'http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYMZhrib2Bg-4.ttf',
fontWeight: 700,
},
],
});
const borderColorString = '#ededed';
const styles = StyleSheet.create({
table: {
alignItems: 'left',
fontSize: 8,
color: '#333333',
borderWidth: 1,
borderColor: borderColorString,
borderTop: 0,
height: 200,
},
tableRow: {
flexDirection: 'row',
borderColor: borderColorString,
},
tableCol: {
width: '10%',
},
tableCell: {
},
});

return (



1


Modelo 1


Marca 1 Marca 1 Marca 1 Marca 1


Propano


C/NC/NA



Avenida Vale do Caima nº787
Avenida Vale do Caima nº787
Avenida Vale do Caima nº787
Avenida Vale do Caima nº787
Avenida Vale do Caima nº787
Avenida Vale do Caima nº787
Avenida Vale do Caima nº787
Avenida Vale do Caima nº787
Avenida Vale do Caima nº787
Avenida Vale do Caima nº787
Avenida Vale do Caima nº787
Avenida Vale do Caima nº787
Avenida Vale do Caima nº787d



C/NC/NA snidbbdanknn


Exemplo de anomalias


Exemplo de resolução


C/NC/NA



);
}
```

![table](https://github.com/diegomura/react-pdf/assets/102556965/9f48b5b4-5ea1-4901-a65d-8a5c88f979b6)

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.