Complete Data Entry Examples

Runs on all major browsers. Best use in Firefox.

Save Entry

Play around with the EntryGrid below.

Here's what you can do:
  • Click on the any cells to enter data and click on the new* cell to create new row.
  • Click on the "..." menu on the top-left corner to sort column, delete rows, hide columns.
  • Click on the cell number to toggle row selections.
  • Click and drag the column header to reposition it.
  • Click and drag the right edge of the column header to resize it.
  • Click Save Entry Button so you can get an Array of objects for each rows, you then Stringify this array before submitting it to your server. This is actually calling the get_data() function of EntryGrid JS. After you click the save button you can see the array in your console.

View Source
Save Entry

Did I help you somehow? Would you buy me a cup of coffee?

Sure, No problem!

EntryGrid JS

Drop us an email at [email protected]
2018 - 2021 EntryGrid JS.