KNOWLEDGE BASE

Header Grid Line Disappears in a Published Dashboard When Scrolling in Tableau Online


Published: 31 Mar 2022
Last Modified Date: 18 Apr 2022

Issue

Header grid line disappears when scrolling in Tableau Online while the line stays in Tableau Desktop

Environment

  • Tableau Online
  • Tableau Server

Resolution

Try one of the below workaround options: 

Option 1 Manually append &:render=true to the end of the URL (no need to delete '?:iid=#' part If using & instead of ?)

Option 2 Embed this affected view using either JavaScript or iFrame as a way to embed the parameter '?:render=true'. 

Example codes :
1) JavaScript 
<script type='text/javascript' src='https://10az.online.tableau.com/javascripts/api/viz_v1.js'></script><div class='tableauPlaceholder' style='width: 1509px; height: 853px;'><object class='tableauViz' width='1509' height='853' style='display:none;'><param name='host_url' value='https%3A%2F%2F10az.online.tableau.com%2F' /> <param name='embed_code_version' value='3' /> <param name='site_root' value='&#47;t&#47;SITENAME' /><param name='name' value='10az&#47;Sheet1' /><param name='tabs' value='yes' /><param name='render' value='true' /><param name='toolbar' value='yes' /><param name='showAppBanner' value='false' /></object></div>
2) iFrame 
<iframe src="https://10az.online.tableau.com/t/SITENAME/views/10az/Sheet1?:showAppBanner=false&:display_count=n&:showVizHome=n&:origin=viz_share_link&?:render=true" height=800 width=1200></iframe>

Cause

Due to the view being rendered by the server for performance reasons, the images being sent back to the browser results in the missing grid line. 
Did this article resolve the issue?