Perspective table component header disappears when data is empty

mahsasalimi · February 25, 2022, 9:47am

version 8.1.14
I have a table with data coming from DB using a named query .
When the data is empty , i.e. no rows match the criteria the header of my table disappears .
is there a way to make the header titles show with empty data ?

Also how can I get rid of the shadow under the header ?

mpoulsen921 · February 25, 2022, 10:15am

Hi there,
I suggest adding a script transform to the binding of the data property.
Something like this:

If the dataset returned is empty ( 0 rows ) add an empty row to the dataset and return that.

mahsasalimi · February 25, 2022, 10:50am

thanks! It is a nice trick
it would have been great if the header could have been persistent regardless of data though.

victordcq · February 25, 2022, 11:37am

This css sets the header to be a line instead of a shadow

.th-container.ia_table__headContainer {
  box-shadow: none;
  border-bottom: solid 1px #00000066;
}