Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Rowspan with nested table or columns not spanning the rows #997

Closed
SaWey opened this issue May 16, 2017 · 10 comments
Closed

Rowspan with nested table or columns not spanning the rows #997

SaWey opened this issue May 16, 2017 · 10 comments

Comments

@SaWey
Copy link

SaWey commented May 16, 2017

When trying to nest a table inside a cell with a rowspan defined, the nested table is not rendered correctly.
It is not spanning the defined number of rows, it is only enlarging the current row.
Using columns generates the same result.

Here is my docdef:

var dd ={
    content : [{
            table : {
                widths : [80, 250, 170],
                body : [
                    [
                        {text : 'Row 1'}, {text : "Some text here"}, 
                        {rowSpan : 3,
                            columns : [
                                {text: "test data in rowspan"}, 
                                {text : " Bigger font", width : '*', margin : [10, 14],fontSize : 20,}
                            ]
                        }
                    ],
                    [{text : 'Row 2 title'}, {text : "Row 2 data"}, {}],
                    [{text : 'Row 3 title'}, {text : "Row 3 data"}, {}],
                ]
            }
        },
    ]
}
@devmarwen
Copy link

Any updates on this, we are experiencing the same issue.

@lerusal
Copy link

lerusal commented Jun 7, 2018

We are experiencing the same issue, are the any news about this issue?

@liborm85
Copy link
Collaborator

liborm85 commented Sep 1, 2018

Connected with #1042

@pseisam
Copy link

pseisam commented Apr 3, 2019

Also experiencing this and wanted to add a screenshot of the behavior.
The rows Test1 and Test2 should have the same height, since the nested table has a rowSpan of 2. But instead the Test2 row is pushed down.
Has anyone found a workaround yet?

Code:

let content = [];
let nestedTable = {
    rowSpan: 2,
    table: { headerRows: 1, body: [["Nested1", "Nested2"], ["Nested3", "Nested4"]] }
}
content.push({
    table: { headerRows: 1, body: [["Test1", nestedTable], ["Test2", {}]] }
});

Screenshot:
nestedTable

@emidiotorre
Copy link

I am still experiencing this issue.
What is causing this behavior?
How can we solve this? How can I help?

It is a real big problem for me right now, and i really need to make this work.
Thanks a lot!

@miroslavvojtus
Copy link

We face the very same issue.
Also it is quite a significant problem for us.

@FunctorDev
Copy link

Any updates on this?
It has been 4 years

@kpetrow
Copy link

kpetrow commented May 2, 2023

experiencing same issue. rowSpan does not work on nested table

@justlester
Copy link

is there any workaround on this?

@liborm85
Copy link
Collaborator

liborm85 commented Aug 9, 2024

Fixed by PR #2764.
Released in version 0.2.11.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

10 participants