Hiding Table Elements

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.

/* 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;
}

Related Articles

• Page:
  Line color/ style (linechart)
• Page:
  Modifying the Height of Column Header Bars
• Page:
  Changing the "Hand Symbol" Cursor on Hover
• Page:
  Identifying a component's CSS Class
• Page:
  Hiding a Series' Element Labels