Need to center align the table values in Dashboard studio

Viral_G — Mon, 12 Aug 2024 14:00:10 GMT

Hi,

I have my Splunk Dashboard created in Dashboard studio. The dashboard has 3 tables and all the values in this tables are either Left or Right aligned but I want them to be Center aligned.

I tried finding solutions, but all the solutions mentioned in other posts are for the Classic dashboards which are written in XML.

How can we do this in JSON written Dashboard.

Thanks,
Viral

Re: Need to center align the table values in Dashboard studio

KendallW — Tue, 13 Aug 2024 02:09:01 GMT

Hi @Viral_G,

Try adding "align": "center" in the columnFormat tag of your tables, e.g.

"columnFormat": { "identity": { "data": "> table | seriesByName(\"identity\") | formatByType(identityColumnFormatEditorConfig)", "align": "center" }, "usernames": { "data": "> table | seriesByName(\"usernames\") | formatByType(usernamesColumnFormatEditorConfig)", "align": "center" } }

Re: Need to center align the table values in Dashboard studio

Viral_G — Tue, 13 Aug 2024 06:15:40 GMT

Hi @KendallW,

I tried as you suggested but still it doesn't seem to work.

Below is a part of my Dashboard code:

"viz_myN1qvY3": {

"type": "splunk.table",

"dataSources": {

"primary": "ds_Ir18jYj7"

"title": "Availability By Market",

"options": {

"backgroundColor": "transparent",

"tableFormat": {

"rowBackgroundColors": "> table | seriesByIndex(0) | pick(tableAltRowBackgroundColorsByBackgroundColor)",

"headerBackgroundColor": "> backgroundColor | setColorChannel(tableHeaderBackgroundColorConfig)",

"rowColors": "> rowBackgroundColors | maxContrast(tableRowColorMaxContrast)",

"headerColor": "> headerBackgroundColor | maxContrast(tableRowColorMaxContrast)"

"headerVisibility": "fixed",

"fontSize": "small",

"columnFormat": {

"Availability": {

"data": "> table | seriesByName(\"Availability\") | formatByType(AvailabilityColumnFormatEditorConfig)",

"rowColors": "> table | seriesByName('Availability') | pick(AvailabilityRowColorsEditorConfig)",

"rowBackgroundColors": "> table | seriesByName(\"Availability\") | rangeValue(AvailabilityRowBackgroundColorsEditorConfig)",

"align": "center"

}

"context": {

"AvailabilityColumnFormatEditorConfig": {

"number": {

"thousandSeparated": false,

"unitPosition": "after",

"precision": 2

}

}

The Availability column still has values aligned to right.

topic Need to center align the table values in Dashboard studio in Splunk Enterprise

Need to center align the table values in Dashboard studio

Re: Need to center align the table values in Dashboard studio

Re: Need to center align the table values in Dashboard studio