Comments (5)
you have to provide empty elements if you use colSpan/rowSpan
[{text: 'header', colSpan: 3, style: 'header', alignment: 'center'}, {}, {}],
from pdfmake.
inneficient? no,
inconvenient? possibly
I'd been thinking about it for a long time before I implemented spans. Although your idea seems fine for colspans, it doesn't look natural when you start using rowspans.
So eventually I've decided to keep equal number of cells in each row
from pdfmake.
in fact they don't have to be empty, but their content will be ignored; it's just important to keep the number of elements equal for all rows
from pdfmake.
Don't you think it's inefficient to have extra {}
to be appended?
from pdfmake.
i am new to pdfMake ... so i have this doubt ? i want to have a table like this.
but when i use colspan=4 .. it gives me an error saying "Cannot read property '_minWidth' of undefined".
code:
body: [
[{ text: '', style: 'tableHeader', colSpan: 4, alignment: 'center' },{},{},{},{ text: 'Accepted', style: 'tableHeader', colSpan: 2, alignment: 'center' }, {},{ text: 'Rejected', style: 'tableHeader', colSpan: 5, alignment: 'center' },{},{},{},{},{ text: 'total', style: 'tableHeader', alignment: 'center' }],
[{ text: 'Authenticator', style: 'tableHeader', alignment: 'center' },{ text: 'Name', style: 'tableHeader', alignment: 'center' },{ text: 'Types', style: 'tableHeader', alignment: 'center' },{ text: 'Container', style: 'tableHeader', alignment: 'center' },{ text: '#', style: 'tableHeader', alignment: 'center' },{ text: '%', style: 'tableHeader', alignment: 'center' }, { text: 'ProcError', style: 'tableHeader', alignment: 'center' }, { text: 'AuthError', style: 'tableHeader', alignment: 'center' },{ text: 'lookupError', style: 'tableHeader', alignment: 'center' },{ text: '#', style: 'tableHeader', alignment: 'center' },{ text:
alignment: 'center' }, { text: 'AuthError', style: 'tableHeader', alignment: 'center' },{ text: 'lookupError', style: 'tableHeader', alignment: 'center' },{ text: '#', style: 'tableHeader', alignment: 'center' },{ text:'%', style: 'tableHeader', alignment: 'center' }, { text: 'total', style: 'tableHeader', alignment: 'center' }],
[ 'Sample value 1', 'Sample value 2', 'Sample value 3','Sample value 4', 'Sample value 5', 'Sample value 3','Sample value 6', 'Sample value 7', 'Sample value 8','Sample value 9', 'Sample value 10', 'Sample value 11','Sample value 12'],
]
thanks in advance.
from pdfmake.
Related Issues (20)
- How should we hide the header and footer sections for some of the pages HOT 1
- Jj
- Issue with rounded table borders not fixed,
- Issue with rounded table borders not fixed, HOT 1
- Rtl Direction issue HOT 1
- Top Border Not Rendering Correctly Across Page Breaks with dontBreakRows: true HOT 2
- Error when building the project using pdfMake in my React Vite project
- How am I supposed to determine table row/col from a layout callback?
- Uncaught invalid image, images dictionary should contain dataURL entries (or local file paths in node.js) HOT 1
- Canvas location changing on every call HOT 2
- Embed XML? PDF/A-3 format? HOT 1
- linkToDestination does not works with SVG
- Ability to render thinner borders HOT 1
- Canvas doesn't work in the header HOT 1
- How to pipe in 0.3.0 HOT 2
- First row of table on subsequent pages has more height than it should HOT 1
- DEPLOY ERROR ON VERCEL
- TypeError: 'get' on proxy: property '_layoutEngine' is a read-only and non-configurable data property on the proxy target but the proxy did not return its actual value (expected '#<LayoutEngine2>' but got '#<LayoutEngine2>')
- Margins of nodes with relativePosition or absolutePosition affect the normal flow of the layout
- PdfMake not working inside Redux Toolkit Provider 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 pdfmake.