Dashboards & Visualizations

how to allign cell values of table in splunk dashboard

surekhasplunk
Communicator

i want to allign all the cell values along with the header values to center in splunk dashboard. How do i achieve it.

Tags (2)
0 Karma
1 Solution

niketn
Legend

@surekhasplunk, Similar question was answered yesterday: https://answers.splunk.com/answers/412272/align-the-first-column-of-the-table.html
For a table with id="table1", following is CSS style override code:

<panel>
    <html depends="$alwaysHideCSS$">
        <style>
              #table1 .table th, .table td {
                   text-align: center!important;
               }
        </style>
    </html>
    ....

    <table id="table1">
        ....
    </table>
</panel>

Please try out and confirm.

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

View solution in original post

niketn
Legend

@surekhasplunk, Similar question was answered yesterday: https://answers.splunk.com/answers/412272/align-the-first-column-of-the-table.html
For a table with id="table1", following is CSS style override code:

<panel>
    <html depends="$alwaysHideCSS$">
        <style>
              #table1 .table th, .table td {
                   text-align: center!important;
               }
        </style>
    </html>
    ....

    <table id="table1">
        ....
    </table>
</panel>

Please try out and confirm.

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

marceloalejandr
Path Finder

Can anyone please advise if this applies to Splunk v7.3.3 or if there is something else needed?   We tried applying this but it did not align the table.   Thank you.

<panel>
    <html depends="$alwaysHideCSS$">
        <style>
              #table1 .table th, .table td {
                   text-align: center!important;
               }
        </style>
    </html>
    ....

    <table id="table1">
        ....
    </table>
</panel>

 

0 Karma

gcusello
SplunkTrust
SplunkTrust

Hi surekhasplunk,
to change default alignment rules in table cells, you have to modify dashboard's CSS.
Bye.
Giuseppe

psherman42
Engager

You can focus it to the first column with something like this inside the <panel>

<html depends="$alwaysHideCSS$">
    <style>
        /* Right align only the first column of the table */
        #table1 .table th:nth-child(1),
        #table1 .table td:nth-child(1) {
            text-align: right!important;
        }
    </style>
</html>
0 Karma
Get Updates on the Splunk Community!

Building Reliable Asset and Identity Frameworks in Splunk ES

 Accurate asset and identity resolution is the backbone of security operations. Without it, alerts are ...

Cloud Monitoring Console - Unlocking Greater Visibility in SVC Usage Reporting

For Splunk Cloud customers, understanding and optimizing Splunk Virtual Compute (SVC) usage and resource ...

Automatic Discovery Part 3: Practical Use Cases

If you’ve enabled Automatic Discovery in your install of the Splunk Distribution of the OpenTelemetry ...