html table problems in TiddlyWiki

168 views
Skip to first unread message

David Gifford

unread,
Mar 11, 2018, 10:09:47 AM3/11/18
to TiddlyWiki
Hi all

I created an html table in Tiddlywiki, and needed to add rowspans to the first column. I discovered that it was pushing the rowspan to the last column of the table. So I figured it was the TiddlyWiki syntax for colspans and rowspans that was causing the problem.

So I changed the tiddler type to text/html. This did indeed allow me to do colspans and rowspans normally.

But now I have two problems:

1. Since it is a long table (31 rows), it is putting the table in a box and making it vertical scroll.
2. Nothing from the stylesheet for that TiddlyWiki applies to the table. So for example, cell padding I would have to apply to EVERY cell.

How might I get the table to display without the vertical scroll, and what options do I have for creating global styles for the table?

David Gifford

unread,
Mar 11, 2018, 10:23:16 AM3/11/18
to TiddlyWiki
It would also be good to know would be how to deactivate or counteract the default TiddlyWiki colspan and rowspan syntax so that if I put an html table in a regular tiddler it will behave normally.

Jeremy Ruston

unread,
Mar 11, 2018, 10:54:49 AM3/11/18
to tiddl...@googlegroups.com
Hi David

I created an html table in Tiddlywiki, and needed to add rowspans to the first column. I discovered that it was pushing the rowspan to the last column of the table.

Can you show the code you were using?

Many thanks,

Jeremy

So I figured it was the TiddlyWiki syntax for colspans and rowspans that was causing the problem.

So I changed the tiddler type to text/html. This did indeed allow me to do colspans and rowspans normally.

But now I have two problems:

1. Since it is a long table (31 rows), it is putting the table in a box and making it vertical scroll.
2. Nothing from the stylesheet for that TiddlyWiki applies to the table. So for example, cell padding I would have to apply to EVERY cell.

How might I get the table to display without the vertical scroll, and what options do I have for creating global styles for the table?

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/fff4ed81-36de-4888-8054-33d353c5cce8%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

David Gifford

unread,
Mar 11, 2018, 11:19:48 AM3/11/18
to tiddl...@googlegroups.com

David Gifford
Mexico team leader, Mexico City

Resonate Global Mission
Engaging People. Embracing Christ.
A Ministry of the Christian Reformed Church
resonateglobalmission.org


On Sun, Mar 11, 2018 at 8:54 AM, Jeremy Ruston <jeremy...@gmail.com> wrote:
Hi David

I created an html table in Tiddlywiki, and needed to add rowspans to the first column. I discovered that it was pushing the rowspan to the last column of the table.

Can you show the code you were using?

Many thanks,

Jeremy

So I figured it was the TiddlyWiki syntax for colspans and rowspans that was causing the problem.

So I changed the tiddler type to text/html. This did indeed allow me to do colspans and rowspans normally.

But now I have two problems:

1. Since it is a long table (31 rows), it is putting the table in a box and making it vertical scroll.
2. Nothing from the stylesheet for that TiddlyWiki applies to the table. So for example, cell padding I would have to apply to EVERY cell.

How might I get the table to display without the vertical scroll, and what options do I have for creating global styles for the table?

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+unsubscribe@googlegroups.com.

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/5UWVbNoAM00/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+unsubscribe@googlegroups.com.

To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.

Mark S.

unread,
Mar 11, 2018, 1:48:20 PM3/11/18
to TiddlyWiki
It looks to me like the htmlparser will have to be hacked to add "scrolling:no" to the internal iframe. This is odd, because the "scrolling" attribute is deprecated and you're supposed to use CSS. But I couldn't find CSS that would actually turn off scroll. (overflow:hidden did nothing)  My research suggested that this is a known problem in many browsers. The hack to the html parser would change the iframe in all places where it is used. There would probably need to be an additional stylesheet change to force the iframe height.

I couldn't tell what styles were missing inside the text. But the world inside the iframe is supposed to be self-contained, so you could try adding <style> tags at the top of your HTML and populating it with whatever styles are missing.

Buenos Días

-- Mark

Jeremy Ruston

unread,
Mar 11, 2018, 2:10:52 PM3/11/18
to tiddl...@googlegroups.com
Hi Dave

It’s fairly simple. The reason that the tiddler “1.3-14.tabla” doesn’t render correctly when the content type is set to TiddlyWiki5 is because of the double line breaks you’ve got around each row. Those line breaks will generated paragraph tags, which will disturb the table.

Try setting the content type back to "text/vnd.tiddlywiki” and removing the blank lines.

Best wishes

Jeremy

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.

To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.

David Gifford

unread,
Mar 11, 2018, 5:47:15 PM3/11/18
to tiddl...@googlegroups.com
Oops! Thanks Jeremy. I did that to make it a little more readable. Since it wasn't affecting the rows it didn't even cross my mind.

David Gifford
Mexico team leader, Mexico City

Resonate Global Mission
Engaging People. Embracing Christ.
A Ministry of the Christian Reformed Church
resonateglobalmission.org


On Sun, Mar 11, 2018 at 12:10 PM, Jeremy Ruston <jeremy...@gmail.com> wrote:
Hi Dave

It’s fairly simple. The reason that the tiddler “1.3-14.tabla” doesn’t render correctly when the content type is set to TiddlyWiki5 is because of the double line breaks you’ve got around each row. Those line breaks will generated paragraph tags, which will disturb the table.

Try setting the content type back to "text/vnd.tiddlywiki” and removing the blank lines.

Best wishes

Jeremy

On 11 Mar 2018, at 17:48, 'Mark S.' via TiddlyWiki <tiddl...@googlegroups.com> wrote:

It looks to me like the htmlparser will have to be hacked to add "scrolling:no" to the internal iframe. This is odd, because the "scrolling" attribute is deprecated and you're supposed to use CSS. But I couldn't find CSS that would actually turn off scroll. (overflow:hidden did nothing)  My research suggested that this is a known problem in many browsers. The hack to the html parser would change the iframe in all places where it is used. There would probably need to be an additional stylesheet change to force the iframe height.

I couldn't tell what styles were missing inside the text. But the world inside the iframe is supposed to be self-contained, so you could try adding <style> tags at the top of your HTML and populating it with whatever styles are missing.

Buenos Días

-- Mark

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+unsubscribe@googlegroups.com.

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/5UWVbNoAM00/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+unsubscribe@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
Reply all
Reply to author
Forward
0 new messages