Hi Josiah,
The solution is to put the table inside a parent container and then use
css to control and format table!
For example if you have a table with many columns it will overflow
horizontally!
Look at the below example
<style>
.container{
max-width: 90%;
overflow-x:scroll;
</style>
<div class="container">
<$macrocall $name=table-fd filter="[tag[sample]]" tblClass="w-100
thead-dark" fields="tbl-expand title caption url email fa fb fc tags
modified modifier" sortOp="nsort" tblCaption="""''<<tc src:"Table 1.
Dynamic table example" color:orange>>''"""/>
</div>
I am sure Alan have better solution as he is very well at css styling!
--Mohammad
On Friday, December 6, 2019 at 6:17:02 PM UTC+3:30, TiddlyTweeter wrote:
>
> Ciao Mohammad
>
> At design level there has always been the problem of the WIDTH of tables.
> The issue goes back forever.
>
> Deriving CSS that matches wide end user needs is not easy.
>
> In TW one remaining issue I have not yet seen a good answer to is *HOW
> would you display well a table that is wider than the story river?*
>
> Just thoughts.
>
> Best wishes
> TT
>
> On Friday, 6 December 2019 08:49:33 UTC+1, Mohammad wrote:
>>
>> Tony
>> There is a class in Shiraz called w-100
>> If you pass it to tblClass then the table occupy the whole 100% width of
>> tiddler.
>>
>> Hope this help
>>
>> --Mohammad
>>
>> On Friday, December 6, 2019 at 10:50:45 AM UTC+3:30, TonyM wrote:
>>>
>>> Mohammad
>>>
>>> Using html I often set the table style to width: 100%;
>>>
>>> it expands to fit the tiddler.
>>>
>>> Regards
>>> Tony
>>>
>>>
--
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 [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/8cfd242e-12c2-41a9-ba78-ed21bfdd5f6d%40googlegroups.com.
