Hello,
I would really appreciate if you point me towards any documentation or further details of CSS style class details of UI5 table to control styles of span or div elements of Table COLUMN HEADER, ROW HEADER , DATA CELL etc.
For e.g. I found a discussion on "how to reduce the height of the table row by using css (SAP UI5) as below" and it is not complete. #oSampleTable, #oSampleTable .sapUiTableCell, #oSampleTable .sapUiTableCell input, #oSampleTable .sapUiTableCell span { font-size:10px; height:10px;}
I am able to build a manual string HTML table layout and use the below class to modify styles.
var CSS_CLASS_DIV = "sapzencrosstab-TableDiv"; var CSS_CLASS_TABLE = "sapzencrosstab-Crosstab"; var CSS_CLASS_TR = "sapzencrosstab-HeaderRow sapzencrosstab-DimensionHeaderArea"; var CSS_CLASS_TD_HEADER = "sapzencrosstab-HeaderCellDefault"; var CSS_CLASS_TD_HEADER_BOLD = "sapzencrosstab-HeaderCellDefault sapzencrosstab-HeaderCellTotal"; var CSS_CLASS_TD_DEFAULT_EVEN = "sapzencrosstab-DataCellDefault"; var CSS_CLASS_TD_DEFAULT_ODD = "sapzencrosstab-DataCellDefault sapzencrosstab-DataCellAlternating"; var CSS_CLASS_TD_DEFAULT_BOLD_EVEN = "sapzencrosstab-DataCellDefault sapzencrosstab-DataCellTotal"; var CSS_CLASS_TD_DEFAULT_BOLD_ODD = "sapzencrosstab-DataCellDefault sapzencrosstab-DataCellTotal sapzencrosstab-DataCellAlternating"; var CSS_CLASS_COLLAPSE_NODE = "sapzencrosstab-CollapseNode"; var CSS_CLASS_EXPAND_NODE = "sapzencrosstab-ExpandNode"; var CSS_CLASS_HIERARCHY = "sapzencrosstab-HeaderCellDivHierarchy";
As well any documentation on CSS style class for other UI5 controls would be appreciated. Please let me know if more information is needed.
Thanks
Arun