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

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='/t/SITENAME' /><param name='name' value='10az/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>