Embed part of website

Question

I want to embed just this part on my website. How do I do that? I have tried with iframe and it shows me the whole page I just want the table!

Answer 1

If you do know the id of the div the table is in you can do something like this

HTML

<div id="PlaceToPutTable"></div>
<iframe id="iframe" src="urlofpagewithtableonit.html" style="display:hidden;"></iframe>

Javascript

var iframe = document.getElementById("iframe");
var div = document.getElementById("PlaceToPutTable");
div.innerHTML = iframe.contentWindow.document.getElementById("KnowDivName").innerHTML;

Hope this helps.

Answer 2

You can put the part of an external website starting at some id into an iframe, like this. Or you can put an iframe into a div like this.

Answer 3

You can copy paste html code like this

<iframe width="500" height="300" style="border:none;" src="https://www.rowshare.com/embed/5ff17f44bcb240e0be061e26c0aca207"></iframe>

When embedding a table in a website, automatic update can be a challenge. I'd like to propose an alternative tool called RowShare, that allows an automatic update. I explained about this in an article that I wrote. Please feel free to take a look at it: https://www.rowshare.com/blog/en/2017/10/10/How-to-Embed-Tables-in-Your-Website

Astaeka