appendGrid allow you to input structured data row by row such like filling spreadsheets. It allows you to add/remove/insert/delete row in the grid. The generated input/select/textarea controls are well named for submitting to server side applications such as ASP.NET/PHP/JSP. Multiple options and callback events are available to fit every situation.
Lots of demo cases are available at Demo section of appendGrid website.
- jQuery v1.11.1
- jQuery UI v1.11.1 with all components, or custom build included:
- UI Core - Core
- UI Core - Widget
- Widgets - Button
For jQuery UI custom build option, you will need extra components as you wanted to use other jQuery widgets such as datepicker.
<!DOCTYPE html>
<html>
<head>
<!--jQuery and jQuery UI-->
<link href="jquery-ui-1.11.1.css" rel="stylesheet"/>
<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript" src="jquery-ui-1.11.1.js"></script>
<!--Reference the CSS and JS files-->
<link href="jquery.appendGrid-x.x.x.css" rel="stylesheet"/>
<script src="jquery.appendGrid-x.x.x.js"></script>
</head>
<body>
<!--Prepare a table element as the grid-->
<table id="tblAppendGrid"></table>
</body>
</html>// Initial the grid as you needed
$(function() {
$('#tblAppendGrid').appendGrid({ /* Initial parameters */ });
});Still have problems? Try to download a working sample in demo section!
The full list of options / methods / callback events are available in the Documentation section of appendGrid website.
Yeah, you can:
- Add more unit test cases
- Suggest enhancements
- Report issues
- And more?
Changelog is available here.