- Find Answers
- :
- Using Splunk
- :
- Splunk Search
- :
- How to reduce the specific column width in a table
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark Topic
- Subscribe to Topic
- Mute Topic
- Printer Friendly Page
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi,
I have a panel where it has 5 columns in it. I want to reduce the width of the 4th and 5th column alone and rest of the three columns can be of the default size.
Could you please help me here whether is there any option to do it in simple xml.
Thanks,
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@spkriyaz if you have used CSS before each DOM element is supposed to have a unique ID. Hope you are not using id as a class which is generic. Also, since it is ID you can have only one. If you already have table id="highlight" and are sure you have no other table with the same ID and do not want similar CSS applied to any other table in the dashboard, you can #tableColumnWidth with #highlight in the CSS override and it should work. No need to change any of your existing XML.
Please try out and confirm. I would recommend going through the Clara-fication Blog to get references for CSS and understanding how to use CSS overrides in Splunk Simple XML Dashboards: https://www.splunk.com/en_us/blog/tips-and-tricks/splunk-clara-fication-customizing-simplexml-dashbo...
| makeresults | eval message= "Happy Splunking!!!"
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@spkriyaz try something like the following where table has id="tableColumnWidth".
If you want to understand Simple XML CSS extension better, refer to the following Clara-fication blog by @cmerriman https://www.splunk.com/en_us/blog/tips-and-tricks/splunk-clara-fication-customizing-simplexml-dashbo...
(PS: The following is demo code hence CSS has been added directly in Simple XML dashboard, you should ideally move this to your App level CSS static file and reference the stylesheet in your dashboard/s for re-usability, app level consistent style and avoiding duplicate/redundant styling).
<row>
<panel>
<html depends="$alwaysHideCSSPanel$">
<style>
#tableColumWidth table thead tr th:nth-child(4),
#tableColumWidth table thead tr th:nth-child(5){
width: 10% !important;
overflow-wrap: anywhere !important;
}
</style>
</html>
<table id="tableColumWidth">
...
...
...| makeresults | eval message= "Happy Splunking!!!"
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi @niketn ,
Thank you for your help, could you please tell me how to add this table ID to the table which already has another table ID. Basically, i have "highlight" which i use to encircle the row and now I want to add the table ID "tableColumnWidth" to it. Is it possible to have ID's in the same table? I tried to separate with comma like shown below but it throws syntax error
For example:
<panel>
<table id="highlight" , "tableColumnWidth">
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@spkriyaz if you have used CSS before each DOM element is supposed to have a unique ID. Hope you are not using id as a class which is generic. Also, since it is ID you can have only one. If you already have table id="highlight" and are sure you have no other table with the same ID and do not want similar CSS applied to any other table in the dashboard, you can #tableColumnWidth with #highlight in the CSS override and it should work. No need to change any of your existing XML.
Please try out and confirm. I would recommend going through the Clara-fication Blog to get references for CSS and understanding how to use CSS overrides in Splunk Simple XML Dashboards: https://www.splunk.com/en_us/blog/tips-and-tricks/splunk-clara-fication-customizing-simplexml-dashbo...
| makeresults | eval message= "Happy Splunking!!!"
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Thank you @niketn it worked well, since my highlight ID was unique so was able use the same ID name for the tablecolumnwidth as well. 🙂
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
https://community.splunk.com/t5/Splunk-Search/Column-width/td-p/309644
If this helps, give a like below.
Enterprise Security Content Update (ESCU) | New Releases
Why am I not seeing the finding in Splunk Enterprise Security Analyst Queue?
Index This | What are the 12 Days of Splunk-mas?
