topic Re: Right Align Table Cells in Splunk Search

Right Align Table Cells

srussellnpr — Wed, 24 Nov 2010 03:13:14 GMT

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.

Re: Right Align Table Cells

southeringtonp — Wed, 24 Nov 2010 06:36:28 GMT

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.

Re: Right Align Table Cells

lukeh — Sun, 12 Apr 2015 23:59:01 GMT

Updated for Splunk 6.x :-

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