EditableGrid is an open source Javascript library aimed at turning HTML tables into advanced editable components. It focuses on simplicity: only a few lines of code are required to get your first table up and running.
It appears that any time I try to load my own JSON data, the position of any editor gets put at the bottom of the page.
If I load up the example php page, it displays everything exactly as I think it should. When I click any field, the edit box appears inline, where that table cell is.
If I edit the example php page to load my own data (and edit the demo.js to comment out the associated data-specific column tasks), the edit box appears at the end of the page.
If I create a new document and hook up the editablegrid with my own data, it generates a table properly. But when clicking an editable cell, the editor is positioned at the bottom of the page.
What is the magic that makes the editor remain inline in the proper table cell?
It appears that any time I try to load my own JSON data, the position of any editor gets put at the bottom of the page.
If I load up the example php page, it displays everything exactly as I think it should. When I click any field, the edit box appears inline, where that table cell is.
If I edit the example php page to load my own data (and edit the demo.js to comment out the associated data-specific column tasks), the edit box appears at the end of the page.
If I create a new document and hook up the editablegrid with my own data, it generates a table properly. But when clicking an editable cell, the editor is positioned at the bottom of the page.
What is the magic that makes the editor remain inline in the proper table cell?