A Gridview control renders as a <table> surrounded by a <div> element.
Setting the GridView control property ‘HorizontalAlign’ to ‘Center’ does not appear to work in Chrome.
Rather than create a new parent div with align=”centre” around the GridView you just need to use jQuery to position the rendered GridView table relative to the generated div.
If the GridView control property CSSClass=”mGrid” then the following works:
For further information on the position method visit https://api.jqueryui.com/position/.