Splunk Search

Right Align Table Cells

srussellnpr
Explorer

When creating a dashboard, I'd like to align the cells with numbers in them to the right (default is left). Any ideas on how to do that?

Thanks, -S.

Tags (1)

lukeh
Contributor

Updated for Splunk 6.x :-

.results-table .wrapped-results th:nth-child(5), .results-table .wrapped-results td:nth-child(5) {
        text-align: right;
}

L.

southeringtonp
Motivator

Normally the answer is CSS. You could do it at the application level, but to avoid bleedover into other places, it's likely better done at the individual view.

To set a per-dashboard stylesheet, edit your <view> tag at the top:

<view stylesheet="mystylesheet.css" template="dashboard.html" ....

and create your CSS file as appserver/static/mystylesheet.css, e.g.:

/* Right-align values in the fifth td tag of the table row */
table.simpleResultsTable tr td:nth-child(5) {
    text-align: right;
}

If the browsers your using don't support nth-child directly, you may be able to find another way to declare the CSS, or maybe you can get around it with jQuery.

Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

Modernize your Splunk Apps – Introducing Python 3.13 in Splunk

We are excited to announce that the upcoming releases of Splunk Enterprise 10.2.x and Splunk Cloud Platform ...

Step into “Hunt the Insider: An Splunk ES Premier Mystery” to catch a cybercriminal ...

After a whole week of being on call, you fell asleep on your keyboard, and you hit a sequence of buttons that ...

SplunkTrust Application Period is Officially OPEN!

It's that time, folks! The application/nomination period for the 2026-2027 SplunkTrust is officially open. If ...