How to hide columnName from table?

[dezmadi]

I want to hide columName from 2nd row onwards for below table

<row>
<panel>
<title>STATS : SLI/SLO Dashboard count</title>
<table>
<search base="pubsubLatencyHighAckDelayDFBaseSearch">
<query> | stats values(serviceName) as serviceName count(eval(error=="failure")) as failureCount count(eval(error=="warning")) as warningCount</query>
</search>
</table>

<html depends="$dontshow$">
<style>
#tableWithHiddenHeader1 thead{
visibility:hidden;
display:none;
}
</style>
</html>
<table id="tableWithHiddenHeader1">
<search base="dfLatencyOverallProcessingDelayBaseSearch">
<query> | stats values(serviceName) as serviceName count(eval(error=="failure")) as failureCount count(eval(error=="warning")) as warningCount</query>
</search>
</table>
</panel>
</row>

However when I am using visibility:hidden; display:none;  Alignment is bad, Attach is the screenshot

[iManu]

Hey,

for me instead of visibility:hidden and display:none "visibility: collapse" worked just fine.

So just change your style to:

<style>
#tableWithHiddenHeader1 thead tr{
visibility: collapse;
}
</style>