Dashboards & Visualizations

dashboard table in html form using seach output

damucka
Builder

Hello,

I have following panel in my dashboard, which basically

     <panel id="Averages">
      <table>
        <title>Average Startup Duration for $host$</title>
        <search>
          <query>|inputcsv StartupMinMaxAvg.txt
| where host = "$host$"

| rename avg_total as "1). Total Startup Time" avg_logger as "2). ---- Logger"  avg_pm as "3). ---- Physical Memory Init" avg_transmgmt as "4). ---- Trans Management" avg_rowstore as "5). ---- Rowstore Load" avg_cs_load as "6). ---- Column Store Load"

| table "1). Total Startup Time" "2). ---- Logger" "3). ---- Physical Memory Init" "4). ---- Trans Management" "5). ---- Rowstore Load" "6). ---- Column Store Load"

| transpose
| rename "column" as "Startup Phase", "row 1" as "Duration"</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
        <option name="refresh.display">progressbar</option>
      </table>
    </panel>

alt text

Now, I do not really like the table-viz look itself. It just does not fit to the rest of the panels.
Is it possible to visualize it as a html table, let us say with 25% width, without visible table lines, with bold title?
Or the html tables have to be static and do not accept the output from the search ...

Kind Regards,
Kamil

0 Karma
1 Solution

niketn
Legend

@damucka which version of Splunk are you on. I think either in Splunk 7.0+ or Splunk 7.1+ the table row does not have border. Also table column width can be adjusted by CSS Override which would work similar to how you expect it to work with html table.
Refer to my previous answers for

  1. Table Column Width: https://answers.splunk.com/answers/636935/column-width-1.html
  2. Here is a recent answer with example to use JS to construct HTML table: https://answers.splunk.com/answers/809414/issue-with-css-html-js-formatting-search-output.html#answe...
  3. You can use and JS based table library and integrate your Search Manager with your own Custom Visualization, in your case some JS based table library.
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

View solution in original post

0 Karma

niketn
Legend

@damucka which version of Splunk are you on. I think either in Splunk 7.0+ or Splunk 7.1+ the table row does not have border. Also table column width can be adjusted by CSS Override which would work similar to how you expect it to work with html table.
Refer to my previous answers for

  1. Table Column Width: https://answers.splunk.com/answers/636935/column-width-1.html
  2. Here is a recent answer with example to use JS to construct HTML table: https://answers.splunk.com/answers/809414/issue-with-css-html-js-formatting-search-output.html#answe...
  3. You can use and JS based table library and integrate your Search Manager with your own Custom Visualization, in your case some JS based table library.
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma
Get Updates on the Splunk Community!

Introducing the 2024 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...

Introducing the 2024 Splunk MVPs!

We are excited to announce the 2024 cohort of the Splunk MVP program. Splunk MVPs are passionate members of ...

Splunk Custom Visualizations App End of Life

The Splunk Custom Visualizations apps End of Life for SimpleXML will reach end of support on Dec 21, 2024, ...