Need to center align the table values in Dashboard studio

[Viral_G]

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

[KendallW]

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"
  }
}

[Viral_G]

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.