Hiding Table Elements

Owned by Tim Schauder
Last updated: Sept 13, 2016
1 min read

There are some properties in theĀ graphomate tables' properties sheet which hide specific elements. For example you can use the Row Format Configurations to change the visibility of rows or columns conditionally. To hide specific elements statically you can set their visibility in the "custom.css". The following code block shows some sample css. To use it, the component names (GRAPHOMATETABLE_1_control) have to be replaced with the ones from your application.

CSS-Beispiele
/* hides the second-last child */
#GRAPHOMATETABLE_1_control tbody tr:nth-last-child(2)
{
    display: none !important;
}

/* hides the third, fourth and fifth element */
#GRAPHOMATETABLE_1_control tbody tr:nth-child(3),
#GRAPHOMATETABLE_1_control tbody tr:nth-child(4),
#GRAPHOMATETABLE_1_control tbody tr:nth-child(5)
{
    display: none !important;
}


/* hide the tables' header */
#GRAPHOMATETABLE_1_control thead
{
	display: none;
}


/* hide the first column */
#GRAPHOMATETABLE_1_control tr th:nth-child(1),
#GRAPHOMATETABLE_1_control tr td:nth-child(1)
{
	display: none;
}