Discussion:
[tw] Big tables
Add Reply
Ste Wilson
2017-10-05 19:33:02 UTC
Reply
Permalink
Raw Message
I'm sure this is a solved problem but...
Inspired by Ms McEnzie of London, Italy and her recent trip to a furniture store I too have decided it is time for some big tables in my tiddlywiki (got there eventually).
On mobile they spill out over the edge of the tiddler and have to be viewed with a sideways swipe. Is there anyway short of an iframe of confining it to the tiddler but having scroll bars in the tiddler?
Is my understanding correct that Fortran I frame is have to host the content somewhere else?
Cheers all
--
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 ***@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/8cc8c833-2ef9-4ada-bebf-e20c08bb720d%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
Ste Wilson
2017-10-05 19:39:39 UTC
Reply
Permalink
Raw Message
*that for an iframe...
--
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 ***@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/15a5aa27-bdec-4d53-a499-93e8d71f9b90%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
Eric Shulman
2017-10-05 19:49:17 UTC
Reply
Permalink
Raw Message
Post by Ste Wilson
I'm sure this is a solved problem but...
Inspired by Ms McEnzie of London, Italy and her recent trip to a furniture
store I too have decided it is time for some big tables in my tiddlywiki
(got there eventually).
On mobile they spill out over the edge of the tiddler and have to be
viewed with a sideways swipe. Is there anyway short of an iframe of
confining it to the tiddler but having scroll bars in the tiddler?
Is my understanding correct that Fortran I frame is have to host the
content somewhere else?
Cheers all
First, create a CSS class with the following styles:
<style>
.scrollable { display:block; overflow:auto; }
</style>

Then, apply it to the table like this:

|scrollable|k
|long|table|that|overflows|the|side|of|the|tiddler|and|need|to|be|scrolled|longerheadingtext|andmoreheadingtext|andstillmoreheadingtext|
|long|table|that|overflows|the|side|of|the|tiddler|and|need|to|be|scrolled|longerheadingtext|andmoreheadingtext|andstillmoreheadingtext|
|long|table|that|overflows|the|side|of|the|tiddler|and|need|to|be|scrolled|longerheadingtext|andmoreheadingtext|andstillmoreheadingtext|
|long|table|that|overflows|the|side|of|the|tiddler|and|need|to|be|scrolled|longerheadingtext|andmoreheadingtext|andstillmoreheadingtext|

enjoy,
-e
Eric Shulman
TiddlyTools.com: "Small Tools for Big Ideas" (tm)
InsideTiddlyWiki: The Missing Manuals
--
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 ***@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/51628a61-b2a9-4dce-b59c-cc0a2e90d921%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
Stephen Wilson
2017-10-06 07:44:53 UTC
Reply
Permalink
Raw Message
Perfect.
Removed the style tags, set type to css and tagged as $:/tags/Stylesheet
and it worked a charm.

Cheers

Stephen
Post by Eric Shulman
Post by Ste Wilson
I'm sure this is a solved problem but...
Inspired by Ms McEnzie of London, Italy and her recent trip to a
furniture store I too have decided it is time for some big tables in my
tiddlywiki (got there eventually).
On mobile they spill out over the edge of the tiddler and have to be
viewed with a sideways swipe. Is there anyway short of an iframe of
confining it to the tiddler but having scroll bars in the tiddler?
Is my understanding correct that Fortran I frame is have to host the
content somewhere else?
Cheers all
<style>
.scrollable { display:block; overflow:auto; }
</style>
|scrollable|k
|long|table|that|overflows|the|side|of|the|tiddler|and|need|to|be|scrolled|longerheadingtext|andmoreheadingtext|andstillmoreheadingtext|
|long|table|that|overflows|the|side|of|the|tiddler|and|need|to|be|scrolled|longerheadingtext|andmoreheadingtext|andstillmoreheadingtext|
|long|table|that|overflows|the|side|of|the|tiddler|and|need|to|be|scrolled|longerheadingtext|andmoreheadingtext|andstillmoreheadingtext|
|long|table|that|overflows|the|side|of|the|tiddler|and|need|to|be|scrolled|longerheadingtext|andmoreheadingtext|andstillmoreheadingtext|
enjoy,
-e
Eric Shulman
TiddlyTools.com: "Small Tools for Big Ideas" (tm)
InsideTiddlyWiki: The Missing Manuals
--
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 ***@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/194d4f33-3c49-4170-8a7a-6f469cff9ca2%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
Lost Admin
2017-10-06 12:40:18 UTC
Reply
Permalink
Raw Message
Nice trick.

Is there a way to add that to all tables without needing to specify
|scrollable|k on the top?
Post by Eric Shulman
Post by Ste Wilson
I'm sure this is a solved problem but...
Inspired by Ms McEnzie of London, Italy and her recent trip to a
furniture store I too have decided it is time for some big tables in my
tiddlywiki (got there eventually).
On mobile they spill out over the edge of the tiddler and have to be
viewed with a sideways swipe. Is there anyway short of an iframe of
confining it to the tiddler but having scroll bars in the tiddler?
Is my understanding correct that Fortran I frame is have to host the
content somewhere else?
Cheers all
<style>
.scrollable { display:block; overflow:auto; }
</style>
|scrollable|k
|long|table|that|overflows|the|side|of|the|tiddler|and|need|to|be|scrolled|longerheadingtext|andmoreheadingtext|andstillmoreheadingtext|
|long|table|that|overflows|the|side|of|the|tiddler|and|need|to|be|scrolled|longerheadingtext|andmoreheadingtext|andstillmoreheadingtext|
|long|table|that|overflows|the|side|of|the|tiddler|and|need|to|be|scrolled|longerheadingtext|andmoreheadingtext|andstillmoreheadingtext|
|long|table|that|overflows|the|side|of|the|tiddler|and|need|to|be|scrolled|longerheadingtext|andmoreheadingtext|andstillmoreheadingtext|
enjoy,
-e
Eric Shulman
TiddlyTools.com: "Small Tools for Big Ideas" (tm)
InsideTiddlyWiki: The Missing Manuals
--
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 ***@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/a02adf26-6f44-4c7f-92e3-bd83efce9f6b%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
Eric Shulman
2017-10-06 15:02:35 UTC
Reply
Permalink
Raw Message
Post by Lost Admin
Nice trick.
Is there a way to add that to all tables without needing to specify
|scrollable|k on the top?
Instead of defining a separate ".scrollable" class, just apply the CSS
directly to the "table" element, like this:
table { display:block; overflow:auto; }

Note: the above rule will be applied to ALL tables in the TW document,
including some that might be used outside of tiddler content (e.g. in the
sidebar), so you might want to make the rule a bit more specific, like this:
.tc-tiddler-body table { display:block; overflow:auto; }

enjoy,
-e
Eric Shulman
TiddlyTools.com: "Small Tools for Big Ideas" (tm)
InsideTiddlyWiki: The Missing Manuals
--
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 ***@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/d39e87ed-7173-46e4-8755-aced6909f427%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
Loading...