Adapting headings in Shiraz Dynamic Tables

Developers
1

Several of you helped me untangle my fields with pseudo spaces in their names represented by, for example, place_of_residence See Macros listing fields with spaces in their names

Now I am using a Shiraz’s Dynamic Table to list a set of tiddlers and their fields. Unfortunately I end up with headings in the table that are not quite so elegant.

Title Place_of_residence Map
name1 Place 1
name2 Place 2

Now Dynamic Tables does have feature change the heading of column 1, the Title to something more appropriate like Name

How can I do this with the second column to reformat Place_of_residence ?The Shiraz Dynamic Table tutorial suggests this may be possible with a column template.

This is my code:
<<table-dynamic filter:"[tag[People]]" fields:"Name place_of_residence map" editButton:"no" stateTiddler:"exmp01" >>

2

I found the solution here from @Springer Shiraz Dynamic Table plugin - column captions, and tbl-column-list

I needed to modify solution slightly to get the sentence case rather than capitalize:

<span style="text-transform: capitalize;"><$transclude tiddler=<<currentColumn>> field="tbl_caption"> <<currentColumn>> </$transclude></span>

1 Like
3

Here’s my supplementary question. How do I edit the CSS for the Dynamic Table’s header row. e.g. to move the caption to the left and remove the Bold formatting?

I was expecting there might be a template/css shadow tiddler in the plugin but I have not found it.

4

If you look at the content tab of the Shiraz plugin there are tiddlers that imply CSS

See $:/plugins/kookma/shiraz/styles/tables as a possibilitry.

A life long skill with tiddlywiki is learning how to read and use its core and its plugins which are readable and open source, to research how they/it works and learn from that how to build your own solutions.

2 Likes
5

In this case I created a CSS tiddler tagged $:/tags/Stylesheet but I still could not sort the CSS to make the th heading font Normal rather than Bold.

th {
text-align: left;
}
6

You can’t just set the property on the th, because you will need to override it for the button inside that th, which also has the font-weight set.

Can you try this, and see if it fixes it?:

th .tc-btn-invisible.tc-tiddlylink {
    font-weight: normal;
}
2 Likes