Data in not displayed when "Open in Browser" but displaying in Design mode

Please check the following screen shots:
you can see the data in the Design mode


but when trying to see the same data in

please let me know where I am going wrong.
Thanks in advance

Hoe have you defined a remote target and is the web server running?

You can see in the browser devtools (F12) what is going on on the errors console: