browse by category or date

On previous enhancement, I made the sharing easy by using URL shortener. But what if you want to embed the table in your website? That was the main motivation on this enhancement exercise.

Embed the Grid

To embed the grid, you need to:

  1. Use remote JSON data source.
  2. Arrange the column width, if required
  3. Click “Embed” button
  4. Enter the Grid’s title
  5. Click “OK” then you’ll get the HTML in the Output panel. You can then paste the HTML in your own website. You can see the sample at the end of this post.

Auto Resize the Column Width

The columns is now auto-resized based on the first row. I didn’t make it auto-resized based on all rows, because it will get expensive.

That’s all folks. I hope it helps.

Update 19 Aug 2019: It turns out that using shortened-URL as iframe’s src will make the iframe’s content not shown on mobile device. The iframe’s src now is using the long and ugly url.

GD Star Rating
loading...
JSON Table Editor Enhancements - Part 4, 4.0 out of 5 based on 1 rating

About Hardono

Hi, I'm Hardono. I am working as a Software Developer. I am working mostly in Windows, dealing with .NET, conversing in C#. But I know a bit of Linux, mainly because I need to keep this blog operational. I've been working in Logistics/Transport industry for more than 9 years.

No Comment

Add Your Comment