[TWIG] Spaces between table-borders

Hey there,

finally I got it work! I can create tables with tasks and articles within invoice-designs using Twig. Buuuut there are two problems. The first one is this thread about.

As you can see in the screenshot there are little spaces between the bottom-borders of the table-(headers). Any ideas?

I have to mention that I put the zoom of the html to 100 %. I hoped for sharper fonts and I didn’t understand why some designs use just 80%.

Maybe one can help. Thanks!

Hi,

@david do you have any ideas?

i think chatgpt shines for questions like this, this is general CSS/HTML tweaking that needs to be done with the use of padding / margin selectors.

Good morning!

Nope, I’ve already set testwise margins and paddings explicetely to zero. No difference.

For me it looks like the whole -table-code is kind of zoomed out.

@david

Ah, maybe you’re not so wrong at all, David. What I didn’t recognize as a maybe connected problem is that the item-notes are prompted with it’s special

-tags. So project-header, task-time-details or special font-settings via css-style-sheets within the notes themselves won’t be recognized.

Is this a “wanted” behavoure?

I’m not sure I follow.

If you need to target selectors, you can use the guide here to determine which css selectors are required

@david

No problem, I know about my deficits in English-speaking.

What I meant is: One is creating an invoice which includes the task-table as a TWIG-coded table. It grabs the variable {{ invoice.item-note }} which contains of this string: “Just a rendom task

Some more details about this task
”.

Instead of filling the table-line with this item AND formating the string by it’s involed

-stylesheet, within the --code those stylesheets within the string won’t be shown as a formated text but as the code itself.

Have a look:

Gotcha,

Twig is not aware of the formatted content.

Hm, how to have the right formated text within the tables then? :-/

Oh dear, found the/my mistake:

Had to set cellspacing-, cellpadding, border-spacing-setting for the tables to 0 and border-collapse-css-option to collapse, so the gaps will disappear.

Just some bugfixes and a nice twig-design will be ready!