Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Document Properties Marker
overridefalse


 
Short DescriptionThe Display Table Macro provides a quick fix feature to control the width of the table columns. 
Doctypetopichide
NameControl Column Width with Display Table Macro 
Short Name
Parent
Parent Property
propertyParent
property-nameName
 
Audience

Name List
doctyperole
render-no-hits-as-blanktrue
render-list-as-comma-separated-valuestrue
namesAuthor, Template Author
propertyAudience

 
Level of Experience

Name List
doctypeexperience-level
render-no-hits-as-blanktrue
namesNovice
propertyLevel of Experience

 
Expected Duration5 min 
Subject
Name List
doctypesubject
propertySubject
 
Categories
Name List
doctypecategory
propertyCategories
 

Tags

Tag List
render-list-as-comma-separated-valuestrue
namesprojectdoc Toolbox, table, column, width
propertyTags

hide
Iteration

Iteration
valuefinished

hide
Type

Name List
doctypetopic-type
render-no-hits-as-blanktrue
namesTip
propertyType

 
Sponsors
Name List
doctypestakeholder
render-no-hits-as-blanktrue
propertySponsors
 
Sort Keyhide



Section
show-titlefalse
titleDescription

Especially if there are multiple tables on a page there is the need to control the widths of the table columns. The Display Table Macro supports to apply a CSS class and to control the widths of the columns explicitly.

...

Section
titleThe Solution

The solution is quite simple. Use the property Table Render Mode of the Display Table Macro to specify the Cascading Style Sheets (CSS) class to use and list the widths of the columns.

Code Block
languagetext
table=projectdoc-alternating[columns=220px,*,220px]


Version Box
since5

Since version 5 of the projectdoc Toolbox besides commas also semicolons are allowed to separate the column width.

Code Block
languagetext
table=projectdoc-alternating[columns=220px;*;220px]


For this example we also choose the CSS class projectdoc-alternating to render the background of odd and even table rows differently.

The result is like this:

The option for specifying the width of the columns explicitly is a quick way to get the desired results for a single page. If you need to control tables on multiple pages you should consider to define a CSS class for these kind of tables.

...

Section
titleReferences


Section
titleResources


Piwik Set Multiple Custom Variables


NameValue
Departmentprojectdoc
Categoryprojectdoc-tip
Typehowto