2022.2

l
DynamicTablesandtheirrowsandcellshavesomespecialattributesthatcanbeusedas
selector.See:"ADynamicTable'sdata-attributes"onthenextpage.
Utility classes for text in a Dynamic Table
InordertostyletextinaDynamicTable,youcouldusesomeclassesforwhichtherearestylerulesin
thedefaultstylesheetforDynamicTables(default_table_styles.css).Theclassesare:
l
.u-text-left
l
.u-text-center
l
.u-text-right
l
.u-text-bold
l
.u-text-normal
l
.u-text-italic
TheseclasseswillbeappliedwhenyouchooseUse CSS utility classesasTextAlignmentmode
whencreatingatable.Tochangethealignmentafterthetablehasbeencreated,selectthecell(see
"Selectinganelement"onpage570)andthentypethedesiredclassinthe"Attributespane"on
page969.
NotethatifyouselectedVia inline stylesasTextAlignmentmodewhencreatingthetable,theutility
classeswon'twork,unlessyouremovetheinlinestylefirst.Inlinestylesalwaysgetappliedsincethey
aremorespecific.(Foranexplanationsee"UsingamorespecificCSSrule"onpage680.)
Changing styles based on a data field value
ChangingthestylesofaroworcellinaDynamicTable,basedonthevalueofadatafield,requiresa
script.See"UsingscriptsinDynamicTables"onpage835.
Resizing a Dynamic Table
TochangethewidthofaDynamicTableorofacolumninaDynamicTable,selectit(see"Selectingan
element"onpage570)andtypethedesiredwidthasapercentageintherespectivefieldonthe"Attrib-
utespane"onpage969.
Itisalsopossibletoresizecolumsviadrag-and-drop(inDesignmodeonly).Toallowforthis,selectthe
tableandchecktheoptionAllow ResizingontheAttributespane.
TheheightoftheDynamicTableisadjustedautomaticallytotheamountofdataaddedtoitinPreview
modeorwhengeneratingoutput.
Itishoweverpossibletochangetheheightoftherows:clickintherowandtypethedesiredheightin
therespectivefieldontheAttributespane.Alllineitemrowswillhavethesameheight.
Page 754