From e696b2b3202654381041066f38dea29fb7e479c6 Mon Sep 17 00:00:00 2001
From: Oscar <oscar.locatelli@coriweb.it>
Date: Mon, 4 Sep 2017 15:02:33 +0200
Subject: [PATCH 1/6] shadow7853 feature: partial data rows, column names and
 column types

---
 demo/index.php          |  68 +++++++++-
 demo/shadow7853.html    | 274 ++++++++++++++++++++++++++++++++++++++++
 jquery.edittable.js     |  93 +++++++++-----
 jquery.edittable.min.js |   2 +-
 4 files changed, 400 insertions(+), 37 deletions(-)
 create mode 100644 demo/shadow7853.html

diff --git a/demo/index.php b/demo/index.php
index b42ebeb..731bc0e 100644
--- a/demo/index.php
+++ b/demo/index.php
@@ -104,7 +104,9 @@
         	    $(this).datepicker();
         	});
 
-        	// Example 4
+        	// Example 4 EDITED by shadow7853        
+            // shadow7853: I've modified the code to enable headerCols, row_templates to be also partials (define templates for first cells, others will be 'text') and to not disable column adding.
+            // shadow7853: Also data rows could be partials, not all with the same length.
         	// Custom fields & validation
             var mynewtable = $('#examplex').editTable({
                 field_templates: {
@@ -148,7 +150,69 @@
                 first_row: false,
                 data: [
                     [false,"01/30/2013","50,00 €","Lorem ipsum...\n\nDonec in dui nisl. Nam ac libero eget magna iaculis faucibus eu non arcu. Proin sed diam ut nisl scelerisque fermentum."],
-                    [true,"02/28/2013","50,00 €",'This is a <textarea>','All']
+                    [true,"02/28/2013","50,00 €",'This is a <textarea>','All', 'extra-dynamic-cell'],
+                    [true,"partial row"]
+                ],
+                validate_field: function (col_id, value, col_type, $element) {
+                    if ( col_type === 'checkbox' ) {
+                        $element.parent('td').animate({'background-color':'#fff'});
+                        if ( value === false ){
+                            $element.parent('td').animate({'background-color':'#DB4A39'});
+                            return false;
+                        }
+                    }
+                    return true;
+                },
+                tableClass: 'inputtable custom'
+            });
+
+
+        	// Example 4 
+        	// Custom fields & validation
+            var mynewtable = $('#examplex-PARTIAL').editTable({
+                field_templates: {
+                    'checkbox' : {
+                        html: '<input type="checkbox"/>',
+                        getValue: function (input) {
+                            return $(input).is(':checked');
+                        },
+                        setValue: function (input, value) {
+                            if ( value ){
+                                return $(input).attr('checked', true);
+                            }
+                            return $(input).removeAttr('checked');
+                        }
+                    },
+                    'textarea' : {
+                        html: '<textarea/>',
+                        getValue: function (input) {
+                            return $(input).val();
+                        },
+                        setValue: function (input, value) {
+                            return $(input).text(value);
+                        }
+                    },
+                    'select' : {
+                        html: '<select><option value="">None</option><option>All</option></select>',
+                        getValue: function (input) {
+                            return $(input).val();
+                        },
+                        setValue: function (input, value) {
+                            var select = $(input);
+                            select.find('option').filter(function() {
+                                return $(this).val() == value; 
+                            }).attr('selected', true);
+                            return select;
+                        }
+                    }
+                },
+                row_template: ['checkbox', 'text', 'text', 'textarea', 'select'],
+                headerCols: ['Yes/No','Date','Value','Description', 'Which?'],
+                first_row: false,
+                data: [
+                    [false,"01/30/2013","50,00 €","Lorem ipsum...\n\nDonec in dui nisl. Nam ac libero eget magna iaculis faucibus eu non arcu. Proin sed diam ut nisl scelerisque fermentum."],
+                    [true,"02/28/2013","50,00 €",'This is a <textarea>','All'],
+                    [true,"partial row"]
                 ],
                 validate_field: function (col_id, value, col_type, $element) {
                     if ( col_type === 'checkbox' ) {
diff --git a/demo/shadow7853.html b/demo/shadow7853.html
new file mode 100644
index 0000000..a258a9a
--- /dev/null
+++ b/demo/shadow7853.html
@@ -0,0 +1,274 @@
+<!DOCTYPE html>
+<html>
+
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+        
+        <title>jQuery editTable</title>
+        <meta name="description" content="jQuery editTable is a very small jQuery Plugin (~1Kb gzipped) that fill the gap left by the missing of a default input field for data tables.">
+        <link rel="stylesheet" href="main.css?v=0.2.0">
+        <script src="https://code.jquery.com/jquery-latest.js"></script>
+        <script type="text/javascript" src="../jquery.edittable.js?v=0.2.0"></script>
+        <link rel="stylesheet" href="../jquery.edittable.css?v=0.2.0">
+        <script>
+        $(window).ready(function () {
+        	
+        	// Example 4 EDITED by shadow7853
+        	// Custom fields & validation
+            var mynewtable = $('#examplex').editTable({
+                field_templates: {
+                    'checkbox' : {
+                        html: '<input type="checkbox"/>',
+                        getValue: function (input) {
+                            return $(input).is(':checked');
+                        },
+                        setValue: function (input, value) {
+                            if ( value ){
+                                return $(input).attr('checked', true);
+                            }
+                            return $(input).removeAttr('checked');
+                        }
+                    },
+                    'textarea' : {
+                        html: '<textarea/>',
+                        getValue: function (input) {
+                            return $(input).val();
+                        },
+                        setValue: function (input, value) {
+                            return $(input).text(value);
+                        }
+                    },
+                    'select' : {
+                        html: '<select><option value="">None</option><option>All</option></select>',
+                        getValue: function (input) {
+                            return $(input).val();
+                        },
+                        setValue: function (input, value) {
+                            var select = $(input);
+                            select.find('option').filter(function() {
+                                return $(this).val() == value; 
+                            }).attr('selected', true);
+                            return select;
+                        }
+                    }
+                },
+                row_template: ['checkbox', 'text', 'text', 'textarea', 'select'],
+                headerCols: ['Yes/No','Date','Value','Description', 'Which?'],
+                first_row: false,
+                data: [
+                    [false,"01/30/2013","50,00 €","Lorem ipsum...\n\nDonec in dui nisl. Nam ac libero eget magna iaculis faucibus eu non arcu. Proin sed diam ut nisl scelerisque fermentum."],
+                    [true,"02/28/2013","50,00 €",'This is a <textarea>','All', 'extra-dynamic-cell'],
+                    [true,"partial row"]
+                ],
+                validate_field: function (col_id, value, col_type, $element) {
+                    if ( col_type === 'checkbox' ) {
+                        $element.parent('td').animate({'background-color':'#fff'});
+                        if ( value === false ){
+                            $element.parent('td').animate({'background-color':'#DB4A39'});
+                            return false;
+                        }
+                    }
+                    return true;
+                },
+                tableClass: 'inputtable custom'
+            });
+
+            $('#examplexconsole').click(function(e) {
+                console.log(mynewtable.getData());
+                if ( !mynewtable.isValidated() ){
+                    alert('Not validated');
+                }
+                e.preventDefault();
+            });
+        	
+        	$('.showcode').click(function () {
+        		$($(this).attr('href')).slideToggle(300);
+        		return false;
+        	});
+        	
+        });
+        </script>
+    </head>
+
+<body>
+
+  <div class="container">
+                 
+    <h1>jQuery editTable <span>v0.2.0</span></h1>
+    <p>Edited by shadow7853</p>
+
+    <p>Based on original jQuery editTable, thank's to micc83: <a href="https://github.com/micc83/editTable">https://github.com/micc83/editTable</a></p>
+    <p>jQuery editTable is a very small jQuery Plugin (~1Kb gzipped) that fill the gap left by the missing of a default <strong>input field for data tables</strong>. jQuery editTable can be used both in ajax and/or HTTP POST contest and let you preset the title and number of columns or just let complete freedom to the user. You can even append custom behaviors to single column cells (ex. <strong>jQuery UI Datepicker</strong>). The only limit is your imagination! :)</p>
+
+    <p><b>I've modified the code to enable headerCols, row_templates to be also partials (define templates for first cells, others will be 'text') and to not disable column adding.</b></p>
+    <p><b>Also data rows could be partials, not all with the same length.</b></p>
+
+    <a href="https://github.com/shadow7853/editTable" class="download_button" style="display: inline-block">Go to MY version on GitHub</a>
+    <a href="https://github.com/micc83/editTable" class="download_button" style="display: inline-block">Go to original version on GitHub</a>
+
+	<p>To use it you just have to include jQuery and a copy of the plugin in your head or footer:</p>
+<pre>
+&#x3C;&#x73;&#x63;&#x72;&#x69;&#x70;&#x74;&#x20;&#x74;&#x79;&#x70;&#x65;&#x3D;&#x22;&#x74;&#x65;&#x78;&#x74;&#x2F;&#x6A;&#x61;&#x76;&#x61;&#x73;&#x63;&#x72;&#x69;&#x70;&#x74;&#x22;&#x20;&#x73;&#x72;&#x63;&#x3D;&#x22;&#x68;&#x74;&#x74;&#x70;&#x3A;&#x2F;&#x2F;&#x63;&#x6F;&#x64;&#x65;&#x2E;&#x6A;&#x71;&#x75;&#x65;&#x72;&#x79;&#x2E;&#x63;&#x6F;&#x6D;&#x2F;&#x6A;&#x71;&#x75;&#x65;&#x72;&#x79;&#x2D;&#x6C;&#x61;&#x74;&#x65;&#x73;&#x74;&#x2E;&#x6A;&#x73;&#x22;&#x3E;&#x3C;&#x2F;&#x73;&#x63;&#x72;&#x69;&#x70;&#x74;&#x3E;
+&#x3C;&#x73;&#x63;&#x72;&#x69;&#x70;&#x74;&#x20;&#x74;&#x79;&#x70;&#x65;&#x3D;&#x22;&#x74;&#x65;&#x78;&#x74;&#x2F;&#x6A;&#x61;&#x76;&#x61;&#x73;&#x63;&#x72;&#x69;&#x70;&#x74;&#x22;&#x20;&#x73;&#x72;&#x63;&#x3D;&#x22;&#x6A;&#x71;&#x75;&#x65;&#x72;&#x79;&#x2E;&#x65;&#x64;&#x69;&#x74;&#x74;&#x61;&#x62;&#x6C;&#x65;&#x2E;&#x6D;&#x69;&#x6E;&#x2E;&#x6A;&#x73;&#x22;&#x3E;&#x3C;&#x2F;&#x73;&#x63;&#x72;&#x69;&#x70;&#x74;&#x3E;
+&#x3C;&#x6C;&#x69;&#x6E;&#x6B;&#x20;&#x72;&#x65;&#x6C;&#x3D;&#x22;&#x73;&#x74;&#x79;&#x6C;&#x65;&#x73;&#x68;&#x65;&#x65;&#x74;&#x22;&#x20;&#x68;&#x72;&#x65;&#x66;&#x3D;&#x22;&#x6A;&#x71;&#x75;&#x65;&#x72;&#x79;&#x2E;&#x65;&#x64;&#x69;&#x74;&#x74;&#x61;&#x62;&#x6C;&#x65;&#x2E;&#x6D;&#x69;&#x6E;&#x2E;&#x63;&#x73;&#x73;&#x22;&#x3E;
+</pre>
+	
+	<p>Now you can trigger editTable on any textarea or block element (ex. div, article, section ...). In case you trigger it on a textarea, its content will be used as JSON source for the table. If the textarea is inside a form, on submit, its content will be updated with the new JSON data. Otherwise, if you trigger it on a block element the table will be appended to the element itself (ajax).</p>
+	
+	<pre>
+var mytable = $('#edittable').editTable({
+    data: [['']],           // Fill the table with a js array (this is overridden by the textarea content if not empty)
+    tableClass: 'inputtable',   // Table class, for styling
+    jsonData: false,        // Fill the table with json data (this will override data property)
+    headerCols: false,      // Fix columns number and names (array of column names)
+    maxRows: 999,           // Max number of rows which can be added
+    first_row: true,        // First row should be highlighted?
+    row_template: false,    // An array of column types set in field_templates
+    field_templates: false, // An array of custom field type objects
+
+    // Validate fields
+    validate_field: function (col_id, value, col_type, $element) {
+        return true;
+    }
+});
+</pre>
+	
+	<p>There are of course many methods which can be used on the created table. Let's see...</p>
+	
+	<pre>
+mytable.loadData(dataArray);    // Fill the table with js data
+mytable.loadJsonData(jsonData); // Fill the table with JSON data
+mytable.getData();              // Get a js array of the table data
+mytable.getJsonData();          // Get JSON from the table data
+mytable.reset();                // Reset the table to the initial set of data
+mytable.isValidated()           // Check if the table pass validation set with validate_field
+</pre>
+	
+	<p>To define a <strong>custom field type</strong> object (<a href="#e4">click here for a full example</a>):</p>
+    <pre>
+[
+    'checkbox' : {
+        
+        html: '&lt;input type="checkbox"/&gt;',     // Input type html
+
+        // How to get the value from the custom input
+        getValue: function (input) {
+            return $(input).is(':checked');
+        },
+
+        // How to set the value of the custom input
+        setValue: function (input, value) {
+            if ( value ){
+                return $(input).attr('checked', true);
+            }
+            return $(input).removeAttr('checked');
+        }
+    }
+]
+</pre>
+
+	<p>That's it, now give a look to the following examples to understand how it works.</p>
+	
+	<hr>
+
+    <h3 id="e4">Example 4 - Custom field types &amp; validation - EDITED by shadow7853</h3>
+    <form method="post" action="#output">
+        <textarea id="examplex" style="display: none;" name="myField"></textarea>
+        <a href="#examplexcode" class="showcode button">Show Code</a>
+        <a href="#" id="examplexconsole" class="button">Validate table</a>
+    </form>
+
+    <div id="examplexcode" style="display: none;" class="examplecode">
+
+        <span class="title">script.js</span>
+<pre>
+/**
+ * Example 4 - Custom field types & validation
+ */
+var mynewtable = $('#examplex').editTable({
+    field_templates: {
+        'checkbox' : {
+            html: '&lt;input type="checkbox"/&gt;',
+            getValue: function (input) {
+                return $(input).is(':checked');
+            },
+            setValue: function (input, value) {
+                if ( value ){
+                    return $(input).attr('checked', true);
+                }
+                return $(input).removeAttr('checked');
+            }
+        },
+        'textarea' : {
+            html: '&lt;textarea/&gt;',
+            getValue: function (input) {
+                return $(input).val();
+            },
+            setValue: function (input, value) {
+                return $(input).text(value);
+            }
+        },
+        'select' : {
+            html: '&lt;select&gt;&lt;option value=""&gt;None&lt;/option&gt;&lt;option&gt;All&lt;/option&gt;&lt;/select&gt;',
+            getValue: function (input) {
+                return $(input).val();
+            },
+            setValue: function (input, value) {
+                var select = $(input);
+                select.find('option').filter(function() {
+                    return $(this).val() == value; 
+                }).attr('selected', true);
+                return select;
+            }
+        }
+    },
+    row_template: ['checkbox', 'text', 'text', 'textarea', 'select'],
+    headerCols: ['Yes/No','Date','Value','Description', 'Which?'],
+    first_row: false,
+    data: [
+        [false,"01/30/2013","50,00 €","Lorem ipsum...\n\nDonec in dui nisl. Nam ac libero eget magna iaculis faucibus eu non arcu. Proin sed diam ut nisl scelerisque fermentum."],
+        [true,"02/28/2013","50,00 €",'This is a &lt;textarea&gt;','All']
+    ],
+
+    // Checkbox validation
+    validate_field: function (col_id, value, col_type, $element) {
+        if ( col_type === 'checkbox' ) {
+            $element.parent('td').animate({'background-color':'#fff'});
+            if ( value === false ){
+                $element.parent('td').animate({'background-color':'#DB4A39'});
+                return false;
+            }
+        }
+        return true;
+    },
+    tableClass: 'inputtable custom'
+});
+
+// Trigger event
+$('#examplexconsole').click(function(e) {
+
+    // Get data
+    console.log(mynewtable.getData());
+
+    // Check if data are valid
+    if ( !mynewtable.isValidated() ){
+        alert('Not validated');
+    }
+
+    e.preventDefault();
+});
+</pre>
+
+    </div>
+
+    <hr>
+    
+    <h2>Credits and contacts</h2>
+                            
+	<p><strong>editTable</strong> has been made by <a href="http://codeb.it" target="_blank">me</a>. You can contact me at <a href="mailto:micc83@gmail.com">micc83@gmail.com</a> or <a href="https://twitter.com/Micc1983" target="_blank">twitter</a> for any issue or feauture request.</p>
+    
+  </div> 
+  
+</body>
+</html>
\ No newline at end of file
diff --git a/jquery.edittable.js b/jquery.edittable.js
index e9d07d4..b554c9b 100644
--- a/jquery.edittable.js
+++ b/jquery.edittable.js
@@ -7,27 +7,28 @@
 
         // Settings
         var s = $.extend({
-                data: [['']],
-                tableClass: 'inputtable',
-                jsonData: false,
-                headerCols: false,
-                maxRows: 999,
-                first_row: true,
-                row_template: false,
-                field_templates: false,
-                validate_field: function (col_id, value, col_type, $element) {
-                    return true;
-                }
-            }, options),
+            data: [['']],
+            tableClass: 'inputtable',
+            jsonData: false,
+            headerCols: false,
+            maxRows: 999,
+            first_row: true,
+            row_template: false,
+            field_templates: false,
+            validate_field: function (col_id, value, col_type, $element) {
+                return true;
+            }
+        }, options),
             $el = $(this),
             defaultTableContent = '<thead><tr></tr></thead><tbody></tbody>',
             $table = $('<table/>', {
                 class: s.tableClass + ((s.first_row) ? ' wh' : ''),
                 html: defaultTableContent
             }),
-            defaultth = '<th><a class="addcol icon-button" href="#">+</a> <a class="delcol icon-button" href="#">-</a></th>',
-            colnumber,
-            rownumber,
+            defaultthbuttons = '<a class="addcol icon-button" href="#">+</a> <a class="delcol icon-button" href="#">-</a>',
+            defaultth = '<th>' + defaultthbuttons + '</th>',
+            colnumber = 0,
+            rownumber = 0,
             reset,
             is_validated = true;
 
@@ -38,7 +39,7 @@
         function buildCell(content, type) {
             content = (content === 0) ? "0" : (content || '');
             // Custom type
-            if (type && 'text' !== type){
+            if (type && 'text' !== type) {
                 var field = s.field_templates[type];
                 return '<td>' + field.setValue(field.html, content)[0].outerHTML + '</td>';
             }
@@ -47,7 +48,7 @@
         }
 
         // Build row
-        function buildRow(data, len) {
+        function buildRow(data) {
 
             var rowcontent = '', b;
 
@@ -55,14 +56,18 @@
 
             if (!s.row_template) {
                 // Without row template
-                for (b = 0; b < (len || data.length); b += 1) {
+                for (b = 0; b < colnumber; b += 1) {
                     rowcontent += buildCell(data[b]);
                 }
             } else {
                 // With row template
-                for (b = 0; b < s.row_template.length; b += 1) {
-                    // For each field in the row
-                    rowcontent += buildCell(data[b], s.row_template[b]);
+                for (b = 0; b < colnumber; b += 1) {
+                    if (b < s.row_template.length) {
+                        // For each field in the row
+                        rowcontent += buildCell(data[b], s.row_template[b]);
+                    } else {
+                        rowcontent += buildCell(data[b]);
+                    }
                 }
             }
 
@@ -93,28 +98,40 @@
             // Clear table
             $table.html(defaultTableContent);
 
+            colnumber = 0;
+            if (data) {
+                for (var i = 0; i < data.length; i++) {
+                    var l = data[i].length;
+                    if (colnumber < l) {
+                        colnumber = l;
+                    }
+                }
+            }
+
             // If headers or row_template are set
             if (s.headerCols || s.row_template) {
 
-                // Fixed columns
-                var col = s.headerCols || s.row_template;
+                // Fixed first columns
+                var fixed = Math.max((s.headerCols || []).length, (s.row_template || []).length);
+
+                colnumber = Math.max(colnumber, fixed)
 
                 // Table headers
-                for (a = 0; a < col.length; a += 1) {
+                for (a = 0; a < colnumber; a += 1) {
                     var col_title = s.headerCols[a] || '';
-                    $table.find('thead tr').append('<th>' + col_title + '</th>');
+                    $table.find('thead tr').append('<th>' + '<span style="display: block; margin-bottom: 3px">' + col_title + '</span>' + defaultthbuttons + '</th>');
                 }
 
                 // Table content
                 for (a = 0; a < crow; a += 1) {
                     // For each row in data
-                    buildRow(data[a], col.length).appendTo($table.find('tbody'));
+                    buildRow(data[a]).appendTo($table.find('tbody'));
                 }
 
-            } else if ( data[0] ) {
+            } else {
 
                 // Variable columns
-                for (a = 0; a < data[0].length; a += 1) {
+                for (a = 0; a < colnumber; a += 1) {
                     $table.find('thead tr').append(defaultth);
                 }
 
@@ -128,7 +145,7 @@
             $table.find('thead tr').append('<th></th>');
 
             // Count rows and columns
-            colnumber = $table.find('thead th').length - 1;
+            //colnumber = $table.find('thead th').length - 1;
             rownumber = $table.find('tbody tr').length;
 
             checkButtons();
@@ -146,24 +163,24 @@
                 data[row] = [];
 
                 $(this).find('td:not(:last-child)').each(function (i, v) {
-                    if ( s.row_template && 'text' !== s.row_template[i] ){
+                    if (s.row_template && 'text' !== s.row_template[i]) {
                         var field = s.field_templates[s.row_template[i]],
                             el = $(this).find($(field.html).prop('tagName'));
-                        
+
                         value = field.getValue(el);
-                        if ( !s.validate_field(i, value, s.row_template[i], el) ){
+                        if (!s.validate_field(i, value, s.row_template[i], el)) {
                             is_validated = false;
                         }
                         data[row].push(value);
                     } else {
                         value = $(this).find('input[type="text"]').val();
-                        if ( !s.validate_field(i, value, 'text', v) ){
+                        if (!s.validate_field(i, value, 'text', v)) {
                             is_validated = false;
                         }
                         data[row].push(value);
                     }
                 });
-                
+
             });
 
             // Remove undefined
@@ -212,6 +229,10 @@
 
             $table.find('.delcol').removeClass('disabled');
 
+            if (s.row_template && colid < s.row_template.length) {
+                s.row_template.splice(colid + 1, 0, 'text');
+            }
+
             return false;
         });
 
@@ -234,6 +255,10 @@
                 $(this).find('td:eq(' + colid + ')').remove();
             });
 
+            if (s.row_template && colid < s.row_template.length) {
+                s.row_template.splice(colid, 1);
+            }
+
             return false;
         });
 
diff --git a/jquery.edittable.min.js b/jquery.edittable.min.js
index c2527ec..5a84034 100644
--- a/jquery.edittable.min.js
+++ b/jquery.edittable.min.js
@@ -1,2 +1,2 @@
 /*! editTable v0.2.0 by Alessandro Benoit */
-(function(e,t,n){"use strict";e.fn.editTable=function(t){function p(e,t){e=e===0?"0":e||"";if(t&&"text"!==t){var n=r.field_templates[t];return"<td>"+n.setValue(n.html,e)[0].outerHTML+"</td>"}return'<td><input type="text" value="'+e.toString().replace(/"/g,"&quot;")+'" /></td>'}function d(t,n){var i="",s;t=t||"";if(!r.row_template){for(s=0;s<(n||t.length);s+=1){i+=p(t[s])}}else{for(s=0;s<r.row_template.length;s+=1){i+=p(t[s],r.row_template[s])}}return e("<tr/>",{html:i+'<td><a class="addrow icon-button" href="#">+</a> <a class="delrow icon-button" href="#">-</a></td>'})}function v(){if(f<2){u.find(".delcol").addClass("disabled")}if(l<2){u.find(".delrow").addClass("disabled")}if(r.maxRows&&l===r.maxRows){u.find(".addrow").addClass("disabled")}}function m(e){var t,n=Math.min(r.maxRows,e.length);u.html(o);if(r.headerCols||r.row_template){var i=r.headerCols||r.row_template;for(t=0;t<i.length;t+=1){var s=r.headerCols[t]||"";u.find("thead tr").append("<th>"+s+"</th>")}for(t=0;t<n;t+=1){d(e[t],i.length).appendTo(u.find("tbody"))}}else if(e[0]){for(t=0;t<e[0].length;t+=1){u.find("thead tr").append(a)}for(t=0;t<n;t+=1){d(e[t]).appendTo(u.find("tbody"))}}u.find("thead tr").append("<th></th>");f=u.find("thead th").length-1;l=u.find("tbody tr").length;v()}function g(){var t=0,n=[],i;h=true;u.find("tbody tr").each(function(){t+=1;n[t]=[];e(this).find("td:not(:last-child)").each(function(s,o){if(r.row_template&&"text"!==r.row_template[s]){var u=r.field_templates[r.row_template[s]],a=e(this).find(e(u.html).prop("tagName"));i=u.getValue(a);if(!r.validate_field(s,i,r.row_template[s],a)){h=false}n[t].push(i)}else{i=e(this).find('input[type="text"]').val();if(!r.validate_field(s,i,"text",o)){h=false}n[t].push(i)}})});n.splice(0,1);return n}var r=e.extend({data:[[""]],tableClass:"inputtable",jsonData:false,headerCols:false,maxRows:999,first_row:true,row_template:false,field_templates:false,validate_field:function(e,t,n,r){return true}},t),s=e(this),o="<thead><tr></tr></thead><tbody></tbody>",u=e("<table/>",{"class":r.tableClass+(r.first_row?" wh":""),html:o}),a='<th><a class="addcol icon-button" href="#">+</a> <a class="delcol icon-button" href="#">-</a></th>',f,l,c,h=true;n=n+1;if(s.is("textarea")){try{c=JSON.parse(s.val())}catch(y){c=r.data}s.after(u);if(u.parents("form").length>0){u.parents("form").submit(function(){s.val(JSON.stringify(g()))})}}else{c=JSON.parse(r.jsonData)||r.data;s.append(u)}m(c);u.on("click",".addcol",function(){var t=parseInt(e(this).closest("tr").children().index(e(this).parent("th")),10);f+=1;u.find("thead tr").find("th:eq("+t+")").after(a);u.find("tbody tr").each(function(){e(this).find("td:eq("+t+")").after(p())});u.find(".delcol").removeClass("disabled");return false});u.on("click",".delcol",function(){if(e(this).hasClass("disabled")){return false}var t=parseInt(e(this).closest("tr").children().index(e(this).parent("th")),10);f-=1;v();e(this).parent("th").remove();u.find("tbody tr").each(function(){e(this).find("td:eq("+t+")").remove()});return false});u.on("click",".addrow",function(){if(e(this).hasClass("disabled")){return false}l+=1;e(this).closest("tr").after(d(0,f));u.find(".delrow").removeClass("disabled");v();return false});u.on("click",".delrow",function(){if(e(this).hasClass("disabled")){return false}l-=1;v();e(this).closest("tr").remove();u.find(".addrow").removeClass("disabled");return false});u.on("click","input",function(){e(this).select()});return{getData:function(){return g()},getJsonData:function(){return JSON.stringify(g())},loadData:function(e){m(e)},loadJsonData:function(e){m(JSON.parse(e))},reset:function(){m(c)},isValidated:function(){return h}}}})(jQuery,this,0)
\ No newline at end of file
+(function(n,t,i){"use strict";n.fn.editTable=function(t){function c(n,t){if(n=n===0?"0":n||"",t&&"text"!==t){var i=r.field_templates[t];return"<td>"+i.setValue(i.html,n)[0].outerHTML+"<\/td>"}return'<td><input type="text" value="'+n.toString().replace(/"/g,"&quot;")+'" /><\/td>'}function v(t){var u="",i;if(t=t||"",r.row_template)for(i=0;i<f;i+=1)u+=i<r.row_template.length?c(t[i],r.row_template[i]):c(t[i]);else for(i=0;i<f;i+=1)u+=c(t[i]);return n("<tr/>",{html:u+'<td><a class="addrow icon-button" href="#">+<\/a> <a class="delrow icon-button" href="#">-<\/a><\/td>'})}function l(){f<2&&u.find(".delcol").addClass("disabled");o<2&&u.find(".delrow").addClass("disabled");r.maxRows&&o===r.maxRows&&u.find(".addrow").addClass("disabled")}function a(n){var t,s=Math.min(r.maxRows,n.length),i,e,h,c;if(u.html(p),f=0,n)for(i=0;i<n.length;i++)e=n[i].length,f<e&&(f=e);if(r.headerCols||r.row_template){for(h=Math.max((r.headerCols||[]).length,(r.row_template||[]).length),f=Math.max(f,h),t=0;t<f;t+=1)c=r.headerCols[t]||"",u.find("thead tr").append('<th><span style="display: block; margin-bottom: 3px">'+c+"<\/span>"+w+"<\/th>");for(t=0;t<s;t+=1)v(n[t]).appendTo(u.find("tbody"))}else{for(t=0;t<f;t+=1)u.find("thead tr").append(b);for(t=0;t<s;t+=1)v(n[t]).appendTo(u.find("tbody"))}u.find("thead tr").append("<th><\/th>");o=u.find("tbody tr").length;l()}function y(){var f=0,i=[],t;return h=!0,u.find("tbody tr").each(function(){f+=1;i[f]=[];n(this).find("td:not(:last-child)").each(function(u,e){if(r.row_template&&"text"!==r.row_template[u]){var o=r.field_templates[r.row_template[u]],s=n(this).find(n(o.html).prop("tagName"));t=o.getValue(s);r.validate_field(u,t,r.row_template[u],s)||(h=!1);i[f].push(t)}else t=n(this).find('input[type="text"]').val(),r.validate_field(u,t,"text",e)||(h=!1),i[f].push(t)})}),i.splice(0,1),i}var r=n.extend({data:[[""]],tableClass:"inputtable",jsonData:!1,headerCols:!1,maxRows:999,first_row:!0,row_template:!1,field_templates:!1,validate_field:function(){return!0}},t),e=n(this),p="<thead><tr><\/tr><\/thead><tbody><\/tbody>",u=n("<table/>",{"class":r.tableClass+(r.first_row?" wh":""),html:p}),w='<a class="addcol icon-button" href="#">+<\/a> <a class="delcol icon-button" href="#">-<\/a>',b="<th>"+w+"<\/th>",f=0,o=0,s,h=!0;if(i=i+1,e.is("textarea")){try{s=JSON.parse(e.val())}catch(k){s=r.data}e.after(u);u.parents("form").length>0&&u.parents("form").submit(function(){e.val(JSON.stringify(y()))})}else s=JSON.parse(r.jsonData)||r.data,e.append(u);a(s);u.on("click",".addcol",function(){var t=parseInt(n(this).closest("tr").children().index(n(this).parent("th")),10);return f+=1,u.find("thead tr").find("th:eq("+t+")").after(b),u.find("tbody tr").each(function(){n(this).find("td:eq("+t+")").after(c())}),u.find(".delcol").removeClass("disabled"),r.row_template&&t<r.row_template.length&&r.row_template.splice(t+1,0,"text"),!1});u.on("click",".delcol",function(){if(n(this).hasClass("disabled"))return!1;var t=parseInt(n(this).closest("tr").children().index(n(this).parent("th")),10);return f-=1,l(),n(this).parent("th").remove(),u.find("tbody tr").each(function(){n(this).find("td:eq("+t+")").remove()}),r.row_template&&t<r.row_template.length&&r.row_template.splice(t,1),!1});u.on("click",".addrow",function(){return n(this).hasClass("disabled")?!1:(o+=1,n(this).closest("tr").after(v(0,f)),u.find(".delrow").removeClass("disabled"),l(),!1)});u.on("click",".delrow",function(){return n(this).hasClass("disabled")?!1:(o-=1,l(),n(this).closest("tr").remove(),u.find(".addrow").removeClass("disabled"),!1)});u.on("click","input",function(){n(this).select()});return{getData:function(){return y()},getJsonData:function(){return JSON.stringify(y())},loadData:function(n){a(n)},loadJsonData:function(n){a(JSON.parse(n))},reset:function(){a(s)},isValidated:function(){return h}}}})(jQuery,this,0);
\ No newline at end of file

From c98c59e5c8139be1156d83f1c5ba1c74c9f270e2 Mon Sep 17 00:00:00 2001
From: Oscar <oscar.locatelli@coriweb.it>
Date: Mon, 4 Sep 2017 15:05:01 +0200
Subject: [PATCH 2/6] clean old code

---
 demo/index.php | 65 ++------------------------------------------------
 1 file changed, 2 insertions(+), 63 deletions(-)

diff --git a/demo/index.php b/demo/index.php
index 731bc0e..915590e 100644
--- a/demo/index.php
+++ b/demo/index.php
@@ -105,8 +105,8 @@
         	});
 
         	// Example 4 EDITED by shadow7853        
-            // shadow7853: I've modified the code to enable headerCols, row_templates to be also partials (define templates for first cells, others will be 'text') and to not disable column adding.
-            // shadow7853: Also data rows could be partials, not all with the same length.
+        	// shadow7853: I've modified the code to enable headerCols, row_templates to be also partials (define templates for first cells, others will be 'text') and to not disable column adding.
+        	// shadow7853: Also data rows could be partials, not all with the same length.
         	// Custom fields & validation
             var mynewtable = $('#examplex').editTable({
                 field_templates: {
@@ -166,67 +166,6 @@
                 tableClass: 'inputtable custom'
             });
 
-
-        	// Example 4 
-        	// Custom fields & validation
-            var mynewtable = $('#examplex-PARTIAL').editTable({
-                field_templates: {
-                    'checkbox' : {
-                        html: '<input type="checkbox"/>',
-                        getValue: function (input) {
-                            return $(input).is(':checked');
-                        },
-                        setValue: function (input, value) {
-                            if ( value ){
-                                return $(input).attr('checked', true);
-                            }
-                            return $(input).removeAttr('checked');
-                        }
-                    },
-                    'textarea' : {
-                        html: '<textarea/>',
-                        getValue: function (input) {
-                            return $(input).val();
-                        },
-                        setValue: function (input, value) {
-                            return $(input).text(value);
-                        }
-                    },
-                    'select' : {
-                        html: '<select><option value="">None</option><option>All</option></select>',
-                        getValue: function (input) {
-                            return $(input).val();
-                        },
-                        setValue: function (input, value) {
-                            var select = $(input);
-                            select.find('option').filter(function() {
-                                return $(this).val() == value; 
-                            }).attr('selected', true);
-                            return select;
-                        }
-                    }
-                },
-                row_template: ['checkbox', 'text', 'text', 'textarea', 'select'],
-                headerCols: ['Yes/No','Date','Value','Description', 'Which?'],
-                first_row: false,
-                data: [
-                    [false,"01/30/2013","50,00 €","Lorem ipsum...\n\nDonec in dui nisl. Nam ac libero eget magna iaculis faucibus eu non arcu. Proin sed diam ut nisl scelerisque fermentum."],
-                    [true,"02/28/2013","50,00 €",'This is a <textarea>','All'],
-                    [true,"partial row"]
-                ],
-                validate_field: function (col_id, value, col_type, $element) {
-                    if ( col_type === 'checkbox' ) {
-                        $element.parent('td').animate({'background-color':'#fff'});
-                        if ( value === false ){
-                            $element.parent('td').animate({'background-color':'#DB4A39'});
-                            return false;
-                        }
-                    }
-                    return true;
-                },
-                tableClass: 'inputtable custom'
-            });
-
             $('#examplexconsole').click(function(e) {
                 console.log(mynewtable.getData());
                 if ( !mynewtable.isValidated() ){

From bd95b283d12305578b3c79c8501fdb017f868553 Mon Sep 17 00:00:00 2001
From: Oscar <oscar.locatelli@coriweb.it>
Date: Mon, 4 Sep 2017 15:24:26 +0200
Subject: [PATCH 3/6] added fixed_rows and fixed_cols options

---
 demo/index.php           |  2 ++
 demo/shadow7853.html     |  6 ++++++
 jquery.edittable.css     |  2 +-
 jquery.edittable.js      | 28 +++++++++++++++++++++-------
 jquery.edittable.min.css | 19 +------------------
 jquery.edittable.min.js  |  2 +-
 6 files changed, 32 insertions(+), 27 deletions(-)

diff --git a/demo/index.php b/demo/index.php
index 915590e..a610be3 100644
--- a/demo/index.php
+++ b/demo/index.php
@@ -217,6 +217,8 @@
     first_row: true,        // First row should be highlighted?
     row_template: false,    // An array of column types set in field_templates
     field_templates: false, // An array of custom field type objects
+    fixed_rows: false,      // Hide add/remove row buttons
+    fixed_cols: false,      // Hide add/remove column buttons
 
     // Validate fields
     validate_field: function (col_id, value, col_type, $element) {
diff --git a/demo/shadow7853.html b/demo/shadow7853.html
index a258a9a..02b9f9b 100644
--- a/demo/shadow7853.html
+++ b/demo/shadow7853.html
@@ -17,6 +17,10 @@
         	// Example 4 EDITED by shadow7853
         	// Custom fields & validation
             var mynewtable = $('#examplex').editTable({
+                
+                fixed_rows: false,
+                fixed_cols: false,
+
                 field_templates: {
                     'checkbox' : {
                         html: '<input type="checkbox"/>',
@@ -126,6 +130,8 @@ <h1>jQuery editTable <span>v0.2.0</span></h1>
     first_row: true,        // First row should be highlighted?
     row_template: false,    // An array of column types set in field_templates
     field_templates: false, // An array of custom field type objects
+    fixed_rows: false,      // Hide add/remove row buttons
+    fixed_cols: false,      // Hide add/remove column buttons
 
     // Validate fields
     validate_field: function (col_id, value, col_type, $element) {
diff --git a/jquery.edittable.css b/jquery.edittable.css
index 1f7fd10..938aa0d 100644
--- a/jquery.edittable.css
+++ b/jquery.edittable.css
@@ -28,7 +28,7 @@ table.inputtable a.icon-button.disabled {
 	background-color: #eee;
 }
 /* Row last cel */
-table.inputtable td:last-child, table.inputtable th:last-child{
+table.inputtable:not(.fr) td:last-child, table.inputtable:not(.fr) th:last-child{
 	background-color: #f8f8f8;width: 54px;border: none;
 }
 /* Table single cells */
diff --git a/jquery.edittable.js b/jquery.edittable.js
index b554c9b..c15efee 100644
--- a/jquery.edittable.js
+++ b/jquery.edittable.js
@@ -15,6 +15,8 @@
             first_row: true,
             row_template: false,
             field_templates: false,
+            fixed_cols: false,
+            
             validate_field: function (col_id, value, col_type, $element) {
                 return true;
             }
@@ -22,7 +24,7 @@
             $el = $(this),
             defaultTableContent = '<thead><tr></tr></thead><tbody></tbody>',
             $table = $('<table/>', {
-                class: s.tableClass + ((s.first_row) ? ' wh' : ''),
+                class: s.tableClass + ((s.first_row) ? ' wh' : '') + ((s.fixed_rows) ? ' fr' : ''),
                 html: defaultTableContent
             }),
             defaultthbuttons = '<a class="addcol icon-button" href="#">+</a> <a class="delcol icon-button" href="#">-</a>',
@@ -71,8 +73,12 @@
                 }
             }
 
+            if (!s.fixed_rows) {
+                rowcontent = rowcontent + '<td><a class="addrow icon-button" href="#">+</a> <a class="delrow icon-button" href="#">-</a></td>';
+            }
+
             return $('<tr/>', {
-                html: rowcontent + '<td><a class="addrow icon-button" href="#">+</a> <a class="delrow icon-button" href="#">-</a></td>'
+                html: rowcontent
             });
 
         }
@@ -119,7 +125,11 @@
                 // Table headers
                 for (a = 0; a < colnumber; a += 1) {
                     var col_title = s.headerCols[a] || '';
-                    $table.find('thead tr').append('<th>' + '<span style="display: block; margin-bottom: 3px">' + col_title + '</span>' + defaultthbuttons + '</th>');
+                    if (s.fixed_cols) {
+                        $table.find('thead tr').append('<th>' + col_title + '</th>');
+                    } else {
+                        $table.find('thead tr').append('<th>' + '<span style="display: block; margin-bottom: 3px">' + col_title + '</span>' + defaultthbuttons + '</th>');
+                    }
                 }
 
                 // Table content
@@ -130,9 +140,11 @@
 
             } else {
 
-                // Variable columns
-                for (a = 0; a < colnumber; a += 1) {
-                    $table.find('thead tr').append(defaultth);
+                // Variable columns   
+                if (!s.fixed_cols) {
+                    for (a = 0; a < colnumber; a += 1) {
+                        $table.find('thead tr').append(defaultth);
+                    }
                 }
 
                 for (a = 0; a < crow; a += 1) {
@@ -142,7 +154,9 @@
             }
 
             // Append missing th
-            $table.find('thead tr').append('<th></th>');
+            if (!s.fixed_rows) {
+                $table.find('thead tr').append('<th></th>');
+            }
 
             // Count rows and columns
             //colnumber = $table.find('thead th').length - 1;
diff --git a/jquery.edittable.min.css b/jquery.edittable.min.css
index 3130dc7..6d41502 100644
--- a/jquery.edittable.min.css
+++ b/jquery.edittable.min.css
@@ -1,18 +1 @@
-table.inputtable{width:100%;border:1px solid #ddd;border-collapse:collapse;border-spacing:0;-moz-box-shadow:0 1px 3px rgba(0,0,0,.075);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.075);box-shadow:0 1px 3px rgba(0,0,0,.075);margin:15px 0}
-table.inputtable a.icon-button{background-color:#ccc;display:inline-block;width:18px;height:18px;text-decoration:none;color:#fff;font-weight:800;line-height:16px;text-align:center;font-size:14px;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;-moz-box-shadow:0 0 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 1px rgba(0,0,0,0.2);box-shadow:0 0 1px rgba(0,0,0,0.2)}
-table.inputtable a.icon-button.addcol,table.inputtable a.icon-button.addrow{background-color:#81b71a}
-table.inputtable a.icon-button.delcol,table.inputtable a.icon-button.delrow{background-color:#db4a39}
-table.inputtable a.icon-button.disabled{background-color:#eee}
-table.inputtable td:last-child,table.inputtable th:last-child{background-color:#f8f8f8;width:54px;border:none}
-table.inputtable td,table.inputtable th{border:1px solid #eee;text-align:center;height:40px;vertical-align:middle;font-size:14px}
-table.inputtable th{background-color:#f1f1f1;border-top:none;border-bottom:2px solid #ddd;border-color:#ddd}
-table.inputtable td input[type=text]{border:0;width:90%;height:100%;text-align:center;padding:0 5%}
-table.inputtable tr td input:focus{background-color:#fafafa}
-table.inputtable.wh tbody tr:nth-child(1),table.inputtable.wh tbody tr:nth-child(1) input{background-color:#fdfdfd;font-weight:800}
-table.inputtable th:first-child,table.inputtable td:first-child{border-left:none}
-table.inputtable tr:last-child td{border-bottom:none}
-@media only screen and max-width 480px {
-table.inputtable td,table.inputtable th{min-width:40px;height:80px}
-table.inputtable a.icon-button{width:40px;height:40px;font-size:18px;min-width:40px;line-height:40px;margin:3px 0}
-table.inputtable td input{height:80px}
-}
\ No newline at end of file
+table.inputtable{width:100%;margin:15px 0;border:1px solid #ddd;border-collapse:collapse;border-spacing:0;-moz-box-shadow:0 1px 3px rgba(0,0,0,.075);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.075);box-shadow:0 1px 3px rgba(0,0,0,.075)}table.inputtable a.icon-button{background-color:#ccc;display:inline-block;width:18px;height:18px;text-decoration:none;color:#fff;font-weight:800;line-height:16px;text-align:center;font-size:14px;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;-moz-box-shadow:0 0 1px rgba(0,0,0,.2);-webkit-box-shadow:0 0 1px rgba(0,0,0,.2);box-shadow:0 0 1px rgba(0,0,0,.2)}table.inputtable a.icon-button.addcol,table.inputtable a.icon-button.addrow{background-color:#81b71a}table.inputtable a.icon-button.delcol,table.inputtable a.icon-button.delrow{background-color:#db4a39}table.inputtable a.icon-button.disabled{background-color:#eee}table.inputtable:not(.fr) td:last-child,table.inputtable:not(.fr) th:last-child{background-color:#f8f8f8;width:54px;border:none}table.inputtable td,table.inputtable th{border:1px solid #eee;text-align:center;height:40px;vertical-align:middle;font-size:14px}table.inputtable th{background-color:#f1f1f1;border-color:#ddd;border-top:none;border-bottom:2px solid #ddd}table.inputtable td input[type=text]{border:0;width:90%;height:100%;padding:0 5%;text-align:center}table.inputtable tr td input:focus{background-color:#fafafa}table.inputtable.wh tbody tr:nth-child(1),table.inputtable.wh tbody tr:nth-child(1) input{background-color:#fdfdfd;font-weight:800}table.inputtable th:first-child,table.inputtable td:first-child{border-left:none}table.inputtable tr:last-child td{border-bottom:none}@media only screen and (max-width:480px){table.inputtable td,table.inputtable th{min-width:40px;height:80px}table.inputtable a.icon-button{width:40px;height:40px;font-size:18px;min-width:40px;line-height:40px;margin:3px 0}table.inputtable td input{height:80px}}
\ No newline at end of file
diff --git a/jquery.edittable.min.js b/jquery.edittable.min.js
index 5a84034..e435205 100644
--- a/jquery.edittable.min.js
+++ b/jquery.edittable.min.js
@@ -1,2 +1,2 @@
 /*! editTable v0.2.0 by Alessandro Benoit */
-(function(n,t,i){"use strict";n.fn.editTable=function(t){function c(n,t){if(n=n===0?"0":n||"",t&&"text"!==t){var i=r.field_templates[t];return"<td>"+i.setValue(i.html,n)[0].outerHTML+"<\/td>"}return'<td><input type="text" value="'+n.toString().replace(/"/g,"&quot;")+'" /><\/td>'}function v(t){var u="",i;if(t=t||"",r.row_template)for(i=0;i<f;i+=1)u+=i<r.row_template.length?c(t[i],r.row_template[i]):c(t[i]);else for(i=0;i<f;i+=1)u+=c(t[i]);return n("<tr/>",{html:u+'<td><a class="addrow icon-button" href="#">+<\/a> <a class="delrow icon-button" href="#">-<\/a><\/td>'})}function l(){f<2&&u.find(".delcol").addClass("disabled");o<2&&u.find(".delrow").addClass("disabled");r.maxRows&&o===r.maxRows&&u.find(".addrow").addClass("disabled")}function a(n){var t,s=Math.min(r.maxRows,n.length),i,e,h,c;if(u.html(p),f=0,n)for(i=0;i<n.length;i++)e=n[i].length,f<e&&(f=e);if(r.headerCols||r.row_template){for(h=Math.max((r.headerCols||[]).length,(r.row_template||[]).length),f=Math.max(f,h),t=0;t<f;t+=1)c=r.headerCols[t]||"",u.find("thead tr").append('<th><span style="display: block; margin-bottom: 3px">'+c+"<\/span>"+w+"<\/th>");for(t=0;t<s;t+=1)v(n[t]).appendTo(u.find("tbody"))}else{for(t=0;t<f;t+=1)u.find("thead tr").append(b);for(t=0;t<s;t+=1)v(n[t]).appendTo(u.find("tbody"))}u.find("thead tr").append("<th><\/th>");o=u.find("tbody tr").length;l()}function y(){var f=0,i=[],t;return h=!0,u.find("tbody tr").each(function(){f+=1;i[f]=[];n(this).find("td:not(:last-child)").each(function(u,e){if(r.row_template&&"text"!==r.row_template[u]){var o=r.field_templates[r.row_template[u]],s=n(this).find(n(o.html).prop("tagName"));t=o.getValue(s);r.validate_field(u,t,r.row_template[u],s)||(h=!1);i[f].push(t)}else t=n(this).find('input[type="text"]').val(),r.validate_field(u,t,"text",e)||(h=!1),i[f].push(t)})}),i.splice(0,1),i}var r=n.extend({data:[[""]],tableClass:"inputtable",jsonData:!1,headerCols:!1,maxRows:999,first_row:!0,row_template:!1,field_templates:!1,validate_field:function(){return!0}},t),e=n(this),p="<thead><tr><\/tr><\/thead><tbody><\/tbody>",u=n("<table/>",{"class":r.tableClass+(r.first_row?" wh":""),html:p}),w='<a class="addcol icon-button" href="#">+<\/a> <a class="delcol icon-button" href="#">-<\/a>',b="<th>"+w+"<\/th>",f=0,o=0,s,h=!0;if(i=i+1,e.is("textarea")){try{s=JSON.parse(e.val())}catch(k){s=r.data}e.after(u);u.parents("form").length>0&&u.parents("form").submit(function(){e.val(JSON.stringify(y()))})}else s=JSON.parse(r.jsonData)||r.data,e.append(u);a(s);u.on("click",".addcol",function(){var t=parseInt(n(this).closest("tr").children().index(n(this).parent("th")),10);return f+=1,u.find("thead tr").find("th:eq("+t+")").after(b),u.find("tbody tr").each(function(){n(this).find("td:eq("+t+")").after(c())}),u.find(".delcol").removeClass("disabled"),r.row_template&&t<r.row_template.length&&r.row_template.splice(t+1,0,"text"),!1});u.on("click",".delcol",function(){if(n(this).hasClass("disabled"))return!1;var t=parseInt(n(this).closest("tr").children().index(n(this).parent("th")),10);return f-=1,l(),n(this).parent("th").remove(),u.find("tbody tr").each(function(){n(this).find("td:eq("+t+")").remove()}),r.row_template&&t<r.row_template.length&&r.row_template.splice(t,1),!1});u.on("click",".addrow",function(){return n(this).hasClass("disabled")?!1:(o+=1,n(this).closest("tr").after(v(0,f)),u.find(".delrow").removeClass("disabled"),l(),!1)});u.on("click",".delrow",function(){return n(this).hasClass("disabled")?!1:(o-=1,l(),n(this).closest("tr").remove(),u.find(".addrow").removeClass("disabled"),!1)});u.on("click","input",function(){n(this).select()});return{getData:function(){return y()},getJsonData:function(){return JSON.stringify(y())},loadData:function(n){a(n)},loadJsonData:function(n){a(JSON.parse(n))},reset:function(){a(s)},isValidated:function(){return h}}}})(jQuery,this,0);
\ No newline at end of file
+(function(n,t,i){"use strict";n.fn.editTable=function(t){function c(n,t){if(n=n===0?"0":n||"",t&&"text"!==t){var i=r.field_templates[t];return"<td>"+i.setValue(i.html,n)[0].outerHTML+"<\/td>"}return'<td><input type="text" value="'+n.toString().replace(/"/g,"&quot;")+'" /><\/td>'}function v(t){var u="",i;if(t=t||"",r.row_template)for(i=0;i<f;i+=1)u+=i<r.row_template.length?c(t[i],r.row_template[i]):c(t[i]);else for(i=0;i<f;i+=1)u+=c(t[i]);return r.fixed_rows||(u=u+'<td><a class="addrow icon-button" href="#">+<\/a> <a class="delrow icon-button" href="#">-<\/a><\/td>'),n("<tr/>",{html:u})}function l(){f<2&&u.find(".delcol").addClass("disabled");o<2&&u.find(".delrow").addClass("disabled");r.maxRows&&o===r.maxRows&&u.find(".addrow").addClass("disabled")}function a(n){var t,h=Math.min(r.maxRows,n.length),i,e,c,s;if(u.html(p),f=0,n)for(i=0;i<n.length;i++)e=n[i].length,f<e&&(f=e);if(r.headerCols||r.row_template){for(c=Math.max((r.headerCols||[]).length,(r.row_template||[]).length),f=Math.max(f,c),t=0;t<f;t+=1)s=r.headerCols[t]||"",r.fixed_cols?u.find("thead tr").append("<th>"+s+"<\/th>"):u.find("thead tr").append('<th><span style="display: block; margin-bottom: 3px">'+s+"<\/span>"+w+"<\/th>");for(t=0;t<h;t+=1)v(n[t]).appendTo(u.find("tbody"))}else{if(!r.fixed_cols)for(t=0;t<f;t+=1)u.find("thead tr").append(b);for(t=0;t<h;t+=1)v(n[t]).appendTo(u.find("tbody"))}r.fixed_rows||u.find("thead tr").append("<th><\/th>");o=u.find("tbody tr").length;l()}function y(){var f=0,i=[],t;return h=!0,u.find("tbody tr").each(function(){f+=1;i[f]=[];n(this).find("td:not(:last-child)").each(function(u,e){if(r.row_template&&"text"!==r.row_template[u]){var o=r.field_templates[r.row_template[u]],s=n(this).find(n(o.html).prop("tagName"));t=o.getValue(s);r.validate_field(u,t,r.row_template[u],s)||(h=!1);i[f].push(t)}else t=n(this).find('input[type="text"]').val(),r.validate_field(u,t,"text",e)||(h=!1),i[f].push(t)})}),i.splice(0,1),i}var r=n.extend({data:[[""]],tableClass:"inputtable",jsonData:!1,headerCols:!1,maxRows:999,first_row:!0,row_template:!1,field_templates:!1,fixed_cols:!1,validate_field:function(){return!0}},t),e=n(this),p="<thead><tr><\/tr><\/thead><tbody><\/tbody>",u=n("<table/>",{"class":r.tableClass+(r.first_row?" wh":"")+(r.fixed_rows?" fr":""),html:p}),w='<a class="addcol icon-button" href="#">+<\/a> <a class="delcol icon-button" href="#">-<\/a>',b="<th>"+w+"<\/th>",f=0,o=0,s,h=!0;if(i=i+1,e.is("textarea")){try{s=JSON.parse(e.val())}catch(d){s=r.data}e.after(u);u.parents("form").length>0&&u.parents("form").submit(function(){e.val(JSON.stringify(y()))})}else s=JSON.parse(r.jsonData)||r.data,e.append(u);a(s);u.on("click",".addcol",function(){var t=parseInt(n(this).closest("tr").children().index(n(this).parent("th")),10);return f+=1,u.find("thead tr").find("th:eq("+t+")").after(b),u.find("tbody tr").each(function(){n(this).find("td:eq("+t+")").after(c())}),u.find(".delcol").removeClass("disabled"),r.row_template&&t<r.row_template.length&&r.row_template.splice(t+1,0,"text"),!1});u.on("click",".delcol",function(){if(n(this).hasClass("disabled"))return!1;var t=parseInt(n(this).closest("tr").children().index(n(this).parent("th")),10);return f-=1,l(),n(this).parent("th").remove(),u.find("tbody tr").each(function(){n(this).find("td:eq("+t+")").remove()}),r.row_template&&t<r.row_template.length&&r.row_template.splice(t,1),!1});u.on("click",".addrow",function(){return n(this).hasClass("disabled")?!1:(o+=1,n(this).closest("tr").after(v(0,f)),u.find(".delrow").removeClass("disabled"),l(),!1)});u.on("click",".delrow",function(){return n(this).hasClass("disabled")?!1:(o-=1,l(),n(this).closest("tr").remove(),u.find(".addrow").removeClass("disabled"),!1)});u.on("click","input",function(){n(this).select()});return{getData:function(){return y()},getJsonData:function(){return JSON.stringify(y())},loadData:function(n){a(n)},loadJsonData:function(n){a(JSON.parse(n))},reset:function(){a(s)},isValidated:function(){return h}}}})(jQuery,undefined,0);
\ No newline at end of file

From 1a6a01bf8af0bc0f0284480e3a2c8be0a14e6934 Mon Sep 17 00:00:00 2001
From: Oscar <oscar.locatelli@coriweb.it>
Date: Tue, 5 Sep 2017 09:59:52 +0200
Subject: [PATCH 4/6] added data_changed event

---
 demo/shadow7853.html    |  11 +
 jquery.edittable.js     | 669 +++++++++++++++++++++-------------------
 jquery.edittable.min.js |   2 +-
 3 files changed, 360 insertions(+), 322 deletions(-)

diff --git a/demo/shadow7853.html b/demo/shadow7853.html
index 02b9f9b..33558b4 100644
--- a/demo/shadow7853.html
+++ b/demo/shadow7853.html
@@ -75,6 +75,9 @@
                     }
                     return true;
                 },
+                data_changed: function (col_id, action, value, $element) {
+                    $('#examplexlog').append('<div>col_id: ' + col_id + ', action: ' + action + ', value: ' + $('<div/>').text(value).html() + ', $element: ' + $element + '</div>');
+                },
                 tableClass: 'inputtable custom'
             });
 
@@ -136,6 +139,13 @@ <h1>jQuery editTable <span>v0.2.0</span></h1>
     // Validate fields
     validate_field: function (col_id, value, col_type, $element) {
         return true;
+    },
+
+    // Data changed event (triggered on input, select, textarea change event and on enter keydown)
+    // action: data: col_id, value, $element
+    //         addcol: col_id
+    //         delcol: col_id
+    data_changed: function (col_id, action, value, $element) {
     }
 });
 </pre>
@@ -181,6 +191,7 @@ <h1>jQuery editTable <span>v0.2.0</span></h1>
     <h3 id="e4">Example 4 - Custom field types &amp; validation - EDITED by shadow7853</h3>
     <form method="post" action="#output">
         <textarea id="examplex" style="display: none;" name="myField"></textarea>
+        <div id="examplexlog"></div>
         <a href="#examplexcode" class="showcode button">Show Code</a>
         <a href="#" id="examplexconsole" class="button">Validate table</a>
     </form>
diff --git a/jquery.edittable.js b/jquery.edittable.js
index c15efee..526c0bd 100644
--- a/jquery.edittable.js
+++ b/jquery.edittable.js
@@ -1,348 +1,375 @@
 /*! editTable v0.2.0 by Alessandro Benoit */
 (function ($, window, i) {
-
-    'use strict';
-
-    $.fn.editTable = function (options) {
-
-        // Settings
-        var s = $.extend({
-            data: [['']],
-            tableClass: 'inputtable',
-            jsonData: false,
-            headerCols: false,
-            maxRows: 999,
-            first_row: true,
-            row_template: false,
-            field_templates: false,
-            fixed_cols: false,
-            
-            validate_field: function (col_id, value, col_type, $element) {
-                return true;
-            }
-        }, options),
-            $el = $(this),
-            defaultTableContent = '<thead><tr></tr></thead><tbody></tbody>',
-            $table = $('<table/>', {
-                class: s.tableClass + ((s.first_row) ? ' wh' : '') + ((s.fixed_rows) ? ' fr' : ''),
-                html: defaultTableContent
-            }),
-            defaultthbuttons = '<a class="addcol icon-button" href="#">+</a> <a class="delcol icon-button" href="#">-</a>',
-            defaultth = '<th>' + defaultthbuttons + '</th>',
-            colnumber = 0,
-            rownumber = 0,
-            reset,
-            is_validated = true;
-
-        // Increment for IDs
-        i = i + 1;
-
-        // Build cell
-        function buildCell(content, type) {
-            content = (content === 0) ? "0" : (content || '');
-            // Custom type
-            if (type && 'text' !== type) {
-                var field = s.field_templates[type];
-                return '<td>' + field.setValue(field.html, content)[0].outerHTML + '</td>';
+    
+        'use strict';
+    
+        $.fn.editTable = function (options) {
+    
+            // Settings
+            var s = $.extend({
+                data: [['']],
+                tableClass: 'inputtable',
+                jsonData: false,
+                headerCols: false,
+                maxRows: 999,
+                first_row: true,
+                row_template: false,
+                field_templates: false,
+                fixed_cols: false,
+    
+                validate_field: function (col_id, value, col_type, $element) {
+                    return true;
+                },
+    
+                data_changed: function (col_id, action, value, $element) {
+    
+                }
+            }, options),
+                $el = $(this),
+                defaultTableContent = '<thead><tr></tr></thead><tbody></tbody>',
+                $table = $('<table/>', {
+                    class: s.tableClass + ((s.first_row) ? ' wh' : '') + ((s.fixed_rows) ? ' fr' : ''),
+                    html: defaultTableContent
+                }),
+                defaultthbuttons = '<a class="addcol icon-button" href="#">+</a> <a class="delcol icon-button" href="#">-</a>',
+                defaultth = '<th>' + defaultthbuttons + '</th>',
+                colnumber = 0,
+                rownumber = 0,
+                reset,
+                is_validated = true;
+    
+            if (s.data_changed) {
+                $table.on('change.data', 'input, textarea, select', function () {
+                    var colid = parseInt($(this).closest('tr').children().index($(this).parent('td')), 10);
+    
+                    s.data_changed(colid, 'data', $(this).val(), $(this));
+                });
+                $table.on('keydown.data', 'input, textarea, select', function (evt) {
+                    var colid = parseInt($(this).closest('tr').children().index($(this).parent('td')), 10);
+    
+                    if (evt.keyCode === 13) {
+                        s.data_changed(colid, 'data', $(this).val(), $(this));
+                    }
+                });
             }
-            // Default
-            return '<td><input type="text" value="' + content.toString().replace(/"/g, "&quot;") + '" /></td>';
-        }
-
-        // Build row
-        function buildRow(data) {
-
-            var rowcontent = '', b;
-
-            data = data || '';
-
-            if (!s.row_template) {
-                // Without row template
-                for (b = 0; b < colnumber; b += 1) {
-                    rowcontent += buildCell(data[b]);
+    
+            // Increment for IDs
+            i = i + 1;
+    
+            // Build cell
+            function buildCell(content, type) {
+                content = (content === 0) ? "0" : (content || '');
+                // Custom type
+                if (type && 'text' !== type) {
+                    var field = s.field_templates[type];
+                    return '<td>' + field.setValue(field.html, content)[0].outerHTML + '</td>';
                 }
-            } else {
-                // With row template
-                for (b = 0; b < colnumber; b += 1) {
-                    if (b < s.row_template.length) {
-                        // For each field in the row
-                        rowcontent += buildCell(data[b], s.row_template[b]);
-                    } else {
+                // Default
+                return '<td><input type="text" value="' + content.toString().replace(/"/g, "&quot;") + '" /></td>';
+            }
+    
+            // Build row
+            function buildRow(data) {
+    
+                var rowcontent = '', b;
+    
+                data = data || '';
+    
+                if (!s.row_template) {
+                    // Without row template
+                    for (b = 0; b < colnumber; b += 1) {
                         rowcontent += buildCell(data[b]);
                     }
+                } else {
+                    // With row template
+                    for (b = 0; b < colnumber; b += 1) {
+                        if (b < s.row_template.length) {
+                            // For each field in the row
+                            rowcontent += buildCell(data[b], s.row_template[b]);
+                        } else {
+                            rowcontent += buildCell(data[b]);
+                        }
+                    }
                 }
+    
+                if (!s.fixed_rows) {
+                    rowcontent = rowcontent + '<td><a class="addrow icon-button" href="#">+</a> <a class="delrow icon-button" href="#">-</a></td>';
+                }
+    
+                return $('<tr/>', {
+                    html: rowcontent
+                });
+    
             }
-
-            if (!s.fixed_rows) {
-                rowcontent = rowcontent + '<td><a class="addrow icon-button" href="#">+</a> <a class="delrow icon-button" href="#">-</a></td>';
-            }
-
-            return $('<tr/>', {
-                html: rowcontent
-            });
-
-        }
-
-        // Check button status (enable/disabled)
-        function checkButtons() {
-            if (colnumber < 2) {
-                $table.find('.delcol').addClass('disabled');
-            }
-            if (rownumber < 2) {
-                $table.find('.delrow').addClass('disabled');
-            }
-            if (s.maxRows && rownumber === s.maxRows) {
-                $table.find('.addrow').addClass('disabled');
-            }
-        }
-
-        // Fill table with data
-        function fillTableData(data) {
-
-            var a, crow = Math.min(s.maxRows, data.length);
-
-            // Clear table
-            $table.html(defaultTableContent);
-
-            colnumber = 0;
-            if (data) {
-                for (var i = 0; i < data.length; i++) {
-                    var l = data[i].length;
-                    if (colnumber < l) {
-                        colnumber = l;
-                    }
+    
+            // Check button status (enable/disabled)
+            function checkButtons() {
+                if (colnumber < 2) {
+                    $table.find('.delcol').addClass('disabled');
+                }
+                if (rownumber < 2) {
+                    $table.find('.delrow').addClass('disabled');
+                }
+                if (s.maxRows && rownumber === s.maxRows) {
+                    $table.find('.addrow').addClass('disabled');
                 }
             }
-
-            // If headers or row_template are set
-            if (s.headerCols || s.row_template) {
-
-                // Fixed first columns
-                var fixed = Math.max((s.headerCols || []).length, (s.row_template || []).length);
-
-                colnumber = Math.max(colnumber, fixed)
-
-                // Table headers
-                for (a = 0; a < colnumber; a += 1) {
-                    var col_title = s.headerCols[a] || '';
-                    if (s.fixed_cols) {
-                        $table.find('thead tr').append('<th>' + col_title + '</th>');
-                    } else {
-                        $table.find('thead tr').append('<th>' + '<span style="display: block; margin-bottom: 3px">' + col_title + '</span>' + defaultthbuttons + '</th>');
+    
+            // Fill table with data
+            function fillTableData(data) {
+    
+                var a, crow = Math.min(s.maxRows, data.length);
+    
+                // Clear table
+                $table.html(defaultTableContent);
+    
+                colnumber = 0;
+                if (data) {
+                    for (var i = 0; i < data.length; i++) {
+                        var l = data[i].length;
+                        if (colnumber < l) {
+                            colnumber = l;
+                        }
                     }
                 }
-
-                // Table content
-                for (a = 0; a < crow; a += 1) {
-                    // For each row in data
-                    buildRow(data[a]).appendTo($table.find('tbody'));
-                }
-
-            } else {
-
-                // Variable columns   
-                if (!s.fixed_cols) {
+    
+                // If headers or row_template are set
+                if (s.headerCols || s.row_template) {
+    
+                    // Fixed first columns
+                    var fixed = Math.max((s.headerCols || []).length, (s.row_template || []).length);
+    
+                    colnumber = Math.max(colnumber, fixed)
+    
+                    // Table headers
                     for (a = 0; a < colnumber; a += 1) {
-                        $table.find('thead tr').append(defaultth);
+                        var col_title = s.headerCols[a] || '';
+                        if (s.fixed_cols) {
+                            $table.find('thead tr').append('<th>' + col_title + '</th>');
+                        } else {
+                            $table.find('thead tr').append('<th>' + '<span style="display: block; margin-bottom: 3px">' + col_title + '</span>' + defaultthbuttons + '</th>');
+                        }
                     }
+    
+                    // Table content
+                    for (a = 0; a < crow; a += 1) {
+                        // For each row in data
+                        buildRow(data[a]).appendTo($table.find('tbody'));
+                    }
+    
+                } else {
+    
+                    // Variable columns   
+                    if (!s.fixed_cols) {
+                        for (a = 0; a < colnumber; a += 1) {
+                            $table.find('thead tr').append(defaultth);
+                        }
+                    }
+    
+                    for (a = 0; a < crow; a += 1) {
+                        buildRow(data[a]).appendTo($table.find('tbody'));
+                    }
+    
                 }
-
-                for (a = 0; a < crow; a += 1) {
-                    buildRow(data[a]).appendTo($table.find('tbody'));
+    
+                // Append missing th
+                if (!s.fixed_rows) {
+                    $table.find('thead tr').append('<th></th>');
                 }
-
-            }
-
-            // Append missing th
-            if (!s.fixed_rows) {
-                $table.find('thead tr').append('<th></th>');
+    
+                // Count rows and columns
+                //colnumber = $table.find('thead th').length - 1;
+                rownumber = $table.find('tbody tr').length;
+    
+                checkButtons();
             }
-
-            // Count rows and columns
-            //colnumber = $table.find('thead th').length - 1;
-            rownumber = $table.find('tbody tr').length;
-
-            checkButtons();
-        }
-
-        // Export data
-        function exportData() {
-            var row = 0, data = [], value;
-
-            is_validated = true;
-
-            $table.find('tbody tr').each(function () {
-
-                row += 1;
-                data[row] = [];
-
-                $(this).find('td:not(:last-child)').each(function (i, v) {
-                    if (s.row_template && 'text' !== s.row_template[i]) {
-                        var field = s.field_templates[s.row_template[i]],
-                            el = $(this).find($(field.html).prop('tagName'));
-
-                        value = field.getValue(el);
-                        if (!s.validate_field(i, value, s.row_template[i], el)) {
-                            is_validated = false;
+    
+            // Export data
+            function exportData() {
+                var row = 0, data = [], value;
+    
+                is_validated = true;
+    
+                $table.find('tbody tr').each(function () {
+    
+                    row += 1;
+                    data[row] = [];
+    
+                    $(this).find('td:not(:last-child)').each(function (i, v) {
+                        if (s.row_template && 'text' !== s.row_template[i]) {
+                            var field = s.field_templates[s.row_template[i]],
+                                el = $(this).find($(field.html).prop('tagName'));
+    
+                            value = field.getValue(el);
+                            if (!s.validate_field(i, value, s.row_template[i], el)) {
+                                is_validated = false;
+                            }
+                            data[row].push(value);
+                        } else {
+                            value = $(this).find('input[type="text"]').val();
+                            if (!s.validate_field(i, value, 'text', v)) {
+                                is_validated = false;
+                            }
+                            data[row].push(value);
                         }
-                        data[row].push(value);
-                    } else {
-                        value = $(this).find('input[type="text"]').val();
-                        if (!s.validate_field(i, value, 'text', v)) {
-                            is_validated = false;
-                        }
-                        data[row].push(value);
-                    }
+                    });
+    
                 });
-
-            });
-
-            // Remove undefined
-            data.splice(0, 1);
-
-            return data;
-        }
-
-        // Fill the table with data from textarea or given properties
-        if ($el.is('textarea')) {
-
-            try {
-                reset = JSON.parse($el.val());
-            } catch (e) {
-                reset = s.data;
+    
+                // Remove undefined
+                data.splice(0, 1);
+    
+                return data;
             }
-
-            $el.after($table);
-
-            // If inside a form set the textarea content on submit
-            if ($table.parents('form').length > 0) {
-                $table.parents('form').submit(function () {
-                    $el.val(JSON.stringify(exportData()));
-                });
+    
+            // Fill the table with data from textarea or given properties
+            if ($el.is('textarea')) {
+    
+                try {
+                    reset = JSON.parse($el.val());
+                } catch (e) {
+                    reset = s.data;
+                }
+    
+                $el.after($table);
+    
+                // If inside a form set the textarea content on submit
+                if ($table.parents('form').length > 0) {
+                    $table.parents('form').submit(function () {
+                        $el.val(JSON.stringify(exportData()));
+                    });
+                }
+    
+            } else {
+                reset = (JSON.parse(s.jsonData) || s.data);
+                $el.append($table);
             }
-
-        } else {
-            reset = (JSON.parse(s.jsonData) || s.data);
-            $el.append($table);
-        }
-
-        fillTableData(reset);
-
-        // Add column
-        $table.on('click', '.addcol', function () {
-
-            var colid = parseInt($(this).closest('tr').children().index($(this).parent('th')), 10);
-
-            colnumber += 1;
-
-            $table.find('thead tr').find('th:eq(' + colid + ')').after(defaultth);
-
-            $table.find('tbody tr').each(function () {
-                $(this).find('td:eq(' + colid + ')').after(buildCell());
+    
+            fillTableData(reset);
+    
+            // Add column
+            $table.on('click', '.addcol', function () {
+    
+                var colid = parseInt($(this).closest('tr').children().index($(this).parent('th')), 10);
+    
+                colnumber += 1;
+    
+                $table.find('thead tr').find('th:eq(' + colid + ')').after(defaultth);
+    
+                $table.find('tbody tr').each(function () {
+                    $(this).find('td:eq(' + colid + ')').after(buildCell());
+                });
+    
+                $table.find('.delcol').removeClass('disabled');
+    
+                if (s.row_template && colid < s.row_template.length) {
+                    s.row_template.splice(colid + 1, 0, 'text');
+                }
+    
+                if (s.data_changed) {
+                    s.data_changed(colid, 'addcol');
+                }
+    
+                return false;
             });
-
-            $table.find('.delcol').removeClass('disabled');
-
-            if (s.row_template && colid < s.row_template.length) {
-                s.row_template.splice(colid + 1, 0, 'text');
-            }
-
-            return false;
-        });
-
-        // Remove column
-        $table.on('click', '.delcol', function () {
-
-            if ($(this).hasClass('disabled')) {
+    
+            // Remove column
+            $table.on('click', '.delcol', function () {
+    
+                if ($(this).hasClass('disabled')) {
+                    return false;
+                }
+    
+                var colid = parseInt($(this).closest('tr').children().index($(this).parent('th')), 10);
+    
+                colnumber -= 1;
+    
+                checkButtons();
+    
+                $(this).parent('th').remove();
+    
+                $table.find('tbody tr').each(function () {
+                    $(this).find('td:eq(' + colid + ')').remove();
+                });
+    
+                if (s.row_template && colid < s.row_template.length) {
+                    s.row_template.splice(colid, 1);
+                }
+    
+                if (s.data_changed) {
+                    s.data_changed(colid, 'delcol');
+                }
+    
                 return false;
-            }
-
-            var colid = parseInt($(this).closest('tr').children().index($(this).parent('th')), 10);
-
-            colnumber -= 1;
-
-            checkButtons();
-
-            $(this).parent('th').remove();
-
-            $table.find('tbody tr').each(function () {
-                $(this).find('td:eq(' + colid + ')').remove();
             });
-
-            if (s.row_template && colid < s.row_template.length) {
-                s.row_template.splice(colid, 1);
-            }
-
-            return false;
-        });
-
-        // Add row
-        $table.on('click', '.addrow', function () {
-
-            if ($(this).hasClass('disabled')) {
+    
+            // Add row
+            $table.on('click', '.addrow', function () {
+    
+                if ($(this).hasClass('disabled')) {
+                    return false;
+                }
+    
+                rownumber += 1;
+    
+                $(this).closest('tr').after(buildRow(0, colnumber));
+    
+                $table.find('.delrow').removeClass('disabled');
+    
+                checkButtons();
+    
                 return false;
-            }
-
-            rownumber += 1;
-
-            $(this).closest('tr').after(buildRow(0, colnumber));
-
-            $table.find('.delrow').removeClass('disabled');
-
-            checkButtons();
-
-            return false;
-        });
-
-        // Delete row
-        $table.on('click', '.delrow', function () {
-
-            if ($(this).hasClass('disabled')) {
+            });
+    
+            // Delete row
+            $table.on('click', '.delrow', function () {
+    
+                if ($(this).hasClass('disabled')) {
+                    return false;
+                }
+    
+                rownumber -= 1;
+    
+                checkButtons();
+    
+                $(this).closest('tr').remove();
+    
+                $table.find('.addrow').removeClass('disabled');
+    
                 return false;
-            }
-
-            rownumber -= 1;
-
-            checkButtons();
-
-            $(this).closest('tr').remove();
-
-            $table.find('.addrow').removeClass('disabled');
-
-            return false;
-        });
-
-        // Select all content on click
-        $table.on('click', 'input', function () {
-            $(this).select();
-        });
-
-        // Return functions
-        return {
-            // Get an array of data
-            getData: function () {
-                return exportData();
-            },
-            // Get the JSON rappresentation of data
-            getJsonData: function () {
-                return JSON.stringify(exportData());
-            },
-            // Load an array of data
-            loadData: function (data) {
-                fillTableData(data);
-            },
-            // Load a JSON rappresentation of data
-            loadJsonData: function (data) {
-                fillTableData(JSON.parse(data));
-            },
-            // Reset data to the first instance
-            reset: function () {
-                fillTableData(reset);
-            },
-            isValidated: function () {
-                return is_validated;
-            }
+            });
+    
+            // Select all content on click
+            $table.on('click', 'input', function () {
+                $(this).select();
+            });
+    
+            // Return functions
+            return {
+                // Get an array of data
+                getData: function () {
+                    return exportData();
+                },
+                // Get the JSON rappresentation of data
+                getJsonData: function () {
+                    return JSON.stringify(exportData());
+                },
+                // Load an array of data
+                loadData: function (data) {
+                    fillTableData(data);
+                },
+                // Load a JSON rappresentation of data
+                loadJsonData: function (data) {
+                    fillTableData(JSON.parse(data));
+                },
+                // Reset data to the first instance
+                reset: function () {
+                    fillTableData(reset);
+                },
+                isValidated: function () {
+                    return is_validated;
+                }
+            };
         };
-    };
-
-})(jQuery, this, 0);
\ No newline at end of file
+    
+    })(jQuery, this, 0);
\ No newline at end of file
diff --git a/jquery.edittable.min.js b/jquery.edittable.min.js
index e435205..49860c4 100644
--- a/jquery.edittable.min.js
+++ b/jquery.edittable.min.js
@@ -1,2 +1,2 @@
 /*! editTable v0.2.0 by Alessandro Benoit */
-(function(n,t,i){"use strict";n.fn.editTable=function(t){function c(n,t){if(n=n===0?"0":n||"",t&&"text"!==t){var i=r.field_templates[t];return"<td>"+i.setValue(i.html,n)[0].outerHTML+"<\/td>"}return'<td><input type="text" value="'+n.toString().replace(/"/g,"&quot;")+'" /><\/td>'}function v(t){var u="",i;if(t=t||"",r.row_template)for(i=0;i<f;i+=1)u+=i<r.row_template.length?c(t[i],r.row_template[i]):c(t[i]);else for(i=0;i<f;i+=1)u+=c(t[i]);return r.fixed_rows||(u=u+'<td><a class="addrow icon-button" href="#">+<\/a> <a class="delrow icon-button" href="#">-<\/a><\/td>'),n("<tr/>",{html:u})}function l(){f<2&&u.find(".delcol").addClass("disabled");o<2&&u.find(".delrow").addClass("disabled");r.maxRows&&o===r.maxRows&&u.find(".addrow").addClass("disabled")}function a(n){var t,h=Math.min(r.maxRows,n.length),i,e,c,s;if(u.html(p),f=0,n)for(i=0;i<n.length;i++)e=n[i].length,f<e&&(f=e);if(r.headerCols||r.row_template){for(c=Math.max((r.headerCols||[]).length,(r.row_template||[]).length),f=Math.max(f,c),t=0;t<f;t+=1)s=r.headerCols[t]||"",r.fixed_cols?u.find("thead tr").append("<th>"+s+"<\/th>"):u.find("thead tr").append('<th><span style="display: block; margin-bottom: 3px">'+s+"<\/span>"+w+"<\/th>");for(t=0;t<h;t+=1)v(n[t]).appendTo(u.find("tbody"))}else{if(!r.fixed_cols)for(t=0;t<f;t+=1)u.find("thead tr").append(b);for(t=0;t<h;t+=1)v(n[t]).appendTo(u.find("tbody"))}r.fixed_rows||u.find("thead tr").append("<th><\/th>");o=u.find("tbody tr").length;l()}function y(){var f=0,i=[],t;return h=!0,u.find("tbody tr").each(function(){f+=1;i[f]=[];n(this).find("td:not(:last-child)").each(function(u,e){if(r.row_template&&"text"!==r.row_template[u]){var o=r.field_templates[r.row_template[u]],s=n(this).find(n(o.html).prop("tagName"));t=o.getValue(s);r.validate_field(u,t,r.row_template[u],s)||(h=!1);i[f].push(t)}else t=n(this).find('input[type="text"]').val(),r.validate_field(u,t,"text",e)||(h=!1),i[f].push(t)})}),i.splice(0,1),i}var r=n.extend({data:[[""]],tableClass:"inputtable",jsonData:!1,headerCols:!1,maxRows:999,first_row:!0,row_template:!1,field_templates:!1,fixed_cols:!1,validate_field:function(){return!0}},t),e=n(this),p="<thead><tr><\/tr><\/thead><tbody><\/tbody>",u=n("<table/>",{"class":r.tableClass+(r.first_row?" wh":"")+(r.fixed_rows?" fr":""),html:p}),w='<a class="addcol icon-button" href="#">+<\/a> <a class="delcol icon-button" href="#">-<\/a>',b="<th>"+w+"<\/th>",f=0,o=0,s,h=!0;if(i=i+1,e.is("textarea")){try{s=JSON.parse(e.val())}catch(d){s=r.data}e.after(u);u.parents("form").length>0&&u.parents("form").submit(function(){e.val(JSON.stringify(y()))})}else s=JSON.parse(r.jsonData)||r.data,e.append(u);a(s);u.on("click",".addcol",function(){var t=parseInt(n(this).closest("tr").children().index(n(this).parent("th")),10);return f+=1,u.find("thead tr").find("th:eq("+t+")").after(b),u.find("tbody tr").each(function(){n(this).find("td:eq("+t+")").after(c())}),u.find(".delcol").removeClass("disabled"),r.row_template&&t<r.row_template.length&&r.row_template.splice(t+1,0,"text"),!1});u.on("click",".delcol",function(){if(n(this).hasClass("disabled"))return!1;var t=parseInt(n(this).closest("tr").children().index(n(this).parent("th")),10);return f-=1,l(),n(this).parent("th").remove(),u.find("tbody tr").each(function(){n(this).find("td:eq("+t+")").remove()}),r.row_template&&t<r.row_template.length&&r.row_template.splice(t,1),!1});u.on("click",".addrow",function(){return n(this).hasClass("disabled")?!1:(o+=1,n(this).closest("tr").after(v(0,f)),u.find(".delrow").removeClass("disabled"),l(),!1)});u.on("click",".delrow",function(){return n(this).hasClass("disabled")?!1:(o-=1,l(),n(this).closest("tr").remove(),u.find(".addrow").removeClass("disabled"),!1)});u.on("click","input",function(){n(this).select()});return{getData:function(){return y()},getJsonData:function(){return JSON.stringify(y())},loadData:function(n){a(n)},loadJsonData:function(n){a(JSON.parse(n))},reset:function(){a(s)},isValidated:function(){return h}}}})(jQuery,undefined,0);
\ No newline at end of file
+(function(n,t,i){"use strict";n.fn.editTable=function(t){function c(n,t){if(n=n===0?"0":n||"",t&&"text"!==t){var i=r.field_templates[t];return"<td>"+i.setValue(i.html,n)[0].outerHTML+"<\/td>"}return'<td><input type="text" value="'+n.toString().replace(/"/g,"&quot;")+'" /><\/td>'}function v(t){var u="",i;if(t=t||"",r.row_template)for(i=0;i<f;i+=1)u+=i<r.row_template.length?c(t[i],r.row_template[i]):c(t[i]);else for(i=0;i<f;i+=1)u+=c(t[i]);return r.fixed_rows||(u=u+'<td><a class="addrow icon-button" href="#">+<\/a> <a class="delrow icon-button" href="#">-<\/a><\/td>'),n("<tr/>",{html:u})}function l(){f<2&&u.find(".delcol").addClass("disabled");o<2&&u.find(".delrow").addClass("disabled");r.maxRows&&o===r.maxRows&&u.find(".addrow").addClass("disabled")}function a(n){var t,h=Math.min(r.maxRows,n.length),i,e,c,s;if(u.html(p),f=0,n)for(i=0;i<n.length;i++)e=n[i].length,f<e&&(f=e);if(r.headerCols||r.row_template){for(c=Math.max((r.headerCols||[]).length,(r.row_template||[]).length),f=Math.max(f,c),t=0;t<f;t+=1)s=r.headerCols[t]||"",r.fixed_cols?u.find("thead tr").append("<th>"+s+"<\/th>"):u.find("thead tr").append('<th><span style="display: block; margin-bottom: 3px">'+s+"<\/span>"+w+"<\/th>");for(t=0;t<h;t+=1)v(n[t]).appendTo(u.find("tbody"))}else{if(!r.fixed_cols)for(t=0;t<f;t+=1)u.find("thead tr").append(b);for(t=0;t<h;t+=1)v(n[t]).appendTo(u.find("tbody"))}r.fixed_rows||u.find("thead tr").append("<th><\/th>");o=u.find("tbody tr").length;l()}function y(){var f=0,i=[],t;return h=!0,u.find("tbody tr").each(function(){f+=1;i[f]=[];n(this).find("td:not(:last-child)").each(function(u,e){if(r.row_template&&"text"!==r.row_template[u]){var o=r.field_templates[r.row_template[u]],s=n(this).find(n(o.html).prop("tagName"));t=o.getValue(s);r.validate_field(u,t,r.row_template[u],s)||(h=!1);i[f].push(t)}else t=n(this).find('input[type="text"]').val(),r.validate_field(u,t,"text",e)||(h=!1),i[f].push(t)})}),i.splice(0,1),i}var r=n.extend({data:[[""]],tableClass:"inputtable",jsonData:!1,headerCols:!1,maxRows:999,first_row:!0,row_template:!1,field_templates:!1,fixed_cols:!1,validate_field:function(){return!0},data_changed:function(){}},t),e=n(this),p="<thead><tr><\/tr><\/thead><tbody><\/tbody>",u=n("<table/>",{"class":r.tableClass+(r.first_row?" wh":"")+(r.fixed_rows?" fr":""),html:p}),w='<a class="addcol icon-button" href="#">+<\/a> <a class="delcol icon-button" href="#">-<\/a>',b="<th>"+w+"<\/th>",f=0,o=0,s,h=!0;if(r.data_changed){u.on("change.data","input, textarea, select",function(){var t=parseInt(n(this).closest("tr").children().index(n(this).parent("td")),10);r.data_changed(t,"data",n(this).val(),n(this))});u.on("keydown.data","input, textarea, select",function(t){var i=parseInt(n(this).closest("tr").children().index(n(this).parent("td")),10);t.keyCode===13&&r.data_changed(i,"data",n(this).val(),n(this))})}if(i=i+1,e.is("textarea")){try{s=JSON.parse(e.val())}catch(k){s=r.data}e.after(u);u.parents("form").length>0&&u.parents("form").submit(function(){e.val(JSON.stringify(y()))})}else s=JSON.parse(r.jsonData)||r.data,e.append(u);a(s);u.on("click",".addcol",function(){var t=parseInt(n(this).closest("tr").children().index(n(this).parent("th")),10);return f+=1,u.find("thead tr").find("th:eq("+t+")").after(b),u.find("tbody tr").each(function(){n(this).find("td:eq("+t+")").after(c())}),u.find(".delcol").removeClass("disabled"),r.row_template&&t<r.row_template.length&&r.row_template.splice(t+1,0,"text"),r.data_changed&&r.data_changed(t,"addcol"),!1});u.on("click",".delcol",function(){if(n(this).hasClass("disabled"))return!1;var t=parseInt(n(this).closest("tr").children().index(n(this).parent("th")),10);return f-=1,l(),n(this).parent("th").remove(),u.find("tbody tr").each(function(){n(this).find("td:eq("+t+")").remove()}),r.row_template&&t<r.row_template.length&&r.row_template.splice(t,1),r.data_changed&&r.data_changed(t,"delcol"),!1});u.on("click",".addrow",function(){return n(this).hasClass("disabled")?!1:(o+=1,n(this).closest("tr").after(v(0,f)),u.find(".delrow").removeClass("disabled"),l(),!1)});u.on("click",".delrow",function(){return n(this).hasClass("disabled")?!1:(o-=1,l(),n(this).closest("tr").remove(),u.find(".addrow").removeClass("disabled"),!1)});u.on("click","input",function(){n(this).select()});return{getData:function(){return y()},getJsonData:function(){return JSON.stringify(y())},loadData:function(n){a(n)},loadJsonData:function(n){a(JSON.parse(n))},reset:function(){a(s)},isValidated:function(){return h}}}})(jQuery,this,0);
\ No newline at end of file

From b23e40adfbecdd192230731bb75d0cc58f3aa124 Mon Sep 17 00:00:00 2001
From: Oscar <oscar.locatelli@coriweb.it>
Date: Tue, 5 Sep 2017 10:03:46 +0200
Subject: [PATCH 5/6] fix doc

---
 demo/index.php       | 18 +++++++++++++++++-
 demo/shadow7853.html |  5 +++++
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/demo/index.php b/demo/index.php
index a610be3..215c79b 100644
--- a/demo/index.php
+++ b/demo/index.php
@@ -162,6 +162,9 @@
                         }
                     }
                     return true;
+				},
+                data_changed: function (col_id, action, value, $element) {
+                    $('#examplexlog').append('<div>col_id: ' + col_id + ', action: ' + action + ', value: ' + $('<div/>').text(value).html() + ', $element: ' + $element + '</div>');
                 },
                 tableClass: 'inputtable custom'
             });
@@ -223,6 +226,13 @@
     // Validate fields
     validate_field: function (col_id, value, col_type, $element) {
         return true;
+	},
+	
+    // Data changed event (triggered on input, select, textarea change event and on enter keydown)
+    // action: data: col_id, value, $element
+    //         addcol: col_id
+    //         delcol: col_id
+    data_changed: function (col_id, action, value, $element) {
     }
 });
 </pre>
@@ -449,7 +459,8 @@
 
     <h3 id="e4">Example 4 - Custom field types &amp; validation</h3>
     <form method="post" action="#output">
-        <textarea id="examplex" style="display: none;" name="myField"></textarea>
+		<textarea id="examplex" style="display: none;" name="myField"></textarea>
+		<div id="examplexlog"></div>
         <a href="#examplexcode" class="showcode button">Show Code</a>
         <a href="#" id="examplexconsole" class="button">Validate table</a>
     </form>
@@ -516,7 +527,12 @@
             }
         }
         return true;
+	},
+	
+    data_changed: function (col_id, action, value, $element) {
+        $('#examplexlog').append('&lt;div&gt;col_id: ' + col_id + ', action: ' + action + ', value: ' + $('&lt;div/&gt;').text(value).html() + ', $element: ' + $element + '&lt;/div&gt;');
     },
+	
     tableClass: 'inputtable custom'
 });
 
diff --git a/demo/shadow7853.html b/demo/shadow7853.html
index 33558b4..f6eb3ab 100644
--- a/demo/shadow7853.html
+++ b/demo/shadow7853.html
@@ -259,6 +259,11 @@ <h3 id="e4">Example 4 - Custom field types &amp; validation - EDITED by shadow78
         }
         return true;
     },
+	
+    data_changed: function (col_id, action, value, $element) {
+        $('#examplexlog').append('&lt;div&gt;col_id: ' + col_id + ', action: ' + action + ', value: ' + $('&lt;div/&gt;').text(value).html() + ', $element: ' + $element + '&lt;/div&gt;');
+    },
+	
     tableClass: 'inputtable custom'
 });
 

From c92f00044eb4a76c66a952ce660d6d908f1c8ec9 Mon Sep 17 00:00:00 2001
From: Oscar <oscar.locatelli@coriweb.it>
Date: Wed, 27 Sep 2017 16:09:49 +0200
Subject: [PATCH 6/6] trigger data_changed event on addrow and delrow

---
 jquery.edittable.js     | 10 ++++++++++
 jquery.edittable.min.js |  4 +++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/jquery.edittable.js b/jquery.edittable.js
index 526c0bd..6f233f6 100644
--- a/jquery.edittable.js
+++ b/jquery.edittable.js
@@ -1,4 +1,6 @@
 /*! editTable v0.2.0 by Alessandro Benoit */
+/*! https://codeb.it/edittable/  -  https://github.com/micc83/editTable */
+/*! VERSIONE MODIFICATA da shaodw7853: https://github.com/shadow7853/editTable */
 (function ($, window, i) {
     
         'use strict';
@@ -318,6 +320,10 @@
     
                 checkButtons();
     
+                if (s.data_changed) {
+                    s.data_changed(rownumber, 'addrow');
+                }
+    
                 return false;
             });
     
@@ -336,6 +342,10 @@
     
                 $table.find('.addrow').removeClass('disabled');
     
+                if (s.data_changed) {
+                    s.data_changed(rownumber, 'delrow');
+                }
+    
                 return false;
             });
     
diff --git a/jquery.edittable.min.js b/jquery.edittable.min.js
index 49860c4..02cc903 100644
--- a/jquery.edittable.min.js
+++ b/jquery.edittable.min.js
@@ -1,2 +1,4 @@
 /*! editTable v0.2.0 by Alessandro Benoit */
-(function(n,t,i){"use strict";n.fn.editTable=function(t){function c(n,t){if(n=n===0?"0":n||"",t&&"text"!==t){var i=r.field_templates[t];return"<td>"+i.setValue(i.html,n)[0].outerHTML+"<\/td>"}return'<td><input type="text" value="'+n.toString().replace(/"/g,"&quot;")+'" /><\/td>'}function v(t){var u="",i;if(t=t||"",r.row_template)for(i=0;i<f;i+=1)u+=i<r.row_template.length?c(t[i],r.row_template[i]):c(t[i]);else for(i=0;i<f;i+=1)u+=c(t[i]);return r.fixed_rows||(u=u+'<td><a class="addrow icon-button" href="#">+<\/a> <a class="delrow icon-button" href="#">-<\/a><\/td>'),n("<tr/>",{html:u})}function l(){f<2&&u.find(".delcol").addClass("disabled");o<2&&u.find(".delrow").addClass("disabled");r.maxRows&&o===r.maxRows&&u.find(".addrow").addClass("disabled")}function a(n){var t,h=Math.min(r.maxRows,n.length),i,e,c,s;if(u.html(p),f=0,n)for(i=0;i<n.length;i++)e=n[i].length,f<e&&(f=e);if(r.headerCols||r.row_template){for(c=Math.max((r.headerCols||[]).length,(r.row_template||[]).length),f=Math.max(f,c),t=0;t<f;t+=1)s=r.headerCols[t]||"",r.fixed_cols?u.find("thead tr").append("<th>"+s+"<\/th>"):u.find("thead tr").append('<th><span style="display: block; margin-bottom: 3px">'+s+"<\/span>"+w+"<\/th>");for(t=0;t<h;t+=1)v(n[t]).appendTo(u.find("tbody"))}else{if(!r.fixed_cols)for(t=0;t<f;t+=1)u.find("thead tr").append(b);for(t=0;t<h;t+=1)v(n[t]).appendTo(u.find("tbody"))}r.fixed_rows||u.find("thead tr").append("<th><\/th>");o=u.find("tbody tr").length;l()}function y(){var f=0,i=[],t;return h=!0,u.find("tbody tr").each(function(){f+=1;i[f]=[];n(this).find("td:not(:last-child)").each(function(u,e){if(r.row_template&&"text"!==r.row_template[u]){var o=r.field_templates[r.row_template[u]],s=n(this).find(n(o.html).prop("tagName"));t=o.getValue(s);r.validate_field(u,t,r.row_template[u],s)||(h=!1);i[f].push(t)}else t=n(this).find('input[type="text"]').val(),r.validate_field(u,t,"text",e)||(h=!1),i[f].push(t)})}),i.splice(0,1),i}var r=n.extend({data:[[""]],tableClass:"inputtable",jsonData:!1,headerCols:!1,maxRows:999,first_row:!0,row_template:!1,field_templates:!1,fixed_cols:!1,validate_field:function(){return!0},data_changed:function(){}},t),e=n(this),p="<thead><tr><\/tr><\/thead><tbody><\/tbody>",u=n("<table/>",{"class":r.tableClass+(r.first_row?" wh":"")+(r.fixed_rows?" fr":""),html:p}),w='<a class="addcol icon-button" href="#">+<\/a> <a class="delcol icon-button" href="#">-<\/a>',b="<th>"+w+"<\/th>",f=0,o=0,s,h=!0;if(r.data_changed){u.on("change.data","input, textarea, select",function(){var t=parseInt(n(this).closest("tr").children().index(n(this).parent("td")),10);r.data_changed(t,"data",n(this).val(),n(this))});u.on("keydown.data","input, textarea, select",function(t){var i=parseInt(n(this).closest("tr").children().index(n(this).parent("td")),10);t.keyCode===13&&r.data_changed(i,"data",n(this).val(),n(this))})}if(i=i+1,e.is("textarea")){try{s=JSON.parse(e.val())}catch(k){s=r.data}e.after(u);u.parents("form").length>0&&u.parents("form").submit(function(){e.val(JSON.stringify(y()))})}else s=JSON.parse(r.jsonData)||r.data,e.append(u);a(s);u.on("click",".addcol",function(){var t=parseInt(n(this).closest("tr").children().index(n(this).parent("th")),10);return f+=1,u.find("thead tr").find("th:eq("+t+")").after(b),u.find("tbody tr").each(function(){n(this).find("td:eq("+t+")").after(c())}),u.find(".delcol").removeClass("disabled"),r.row_template&&t<r.row_template.length&&r.row_template.splice(t+1,0,"text"),r.data_changed&&r.data_changed(t,"addcol"),!1});u.on("click",".delcol",function(){if(n(this).hasClass("disabled"))return!1;var t=parseInt(n(this).closest("tr").children().index(n(this).parent("th")),10);return f-=1,l(),n(this).parent("th").remove(),u.find("tbody tr").each(function(){n(this).find("td:eq("+t+")").remove()}),r.row_template&&t<r.row_template.length&&r.row_template.splice(t,1),r.data_changed&&r.data_changed(t,"delcol"),!1});u.on("click",".addrow",function(){return n(this).hasClass("disabled")?!1:(o+=1,n(this).closest("tr").after(v(0,f)),u.find(".delrow").removeClass("disabled"),l(),!1)});u.on("click",".delrow",function(){return n(this).hasClass("disabled")?!1:(o-=1,l(),n(this).closest("tr").remove(),u.find(".addrow").removeClass("disabled"),!1)});u.on("click","input",function(){n(this).select()});return{getData:function(){return y()},getJsonData:function(){return JSON.stringify(y())},loadData:function(n){a(n)},loadJsonData:function(n){a(JSON.parse(n))},reset:function(){a(s)},isValidated:function(){return h}}}})(jQuery,this,0);
\ No newline at end of file
+/*! https://codeb.it/edittable/  -  https://github.com/micc83/editTable */
+/*! VERSIONE MODIFICATA da shaodw7853: https://github.com/shadow7853/editTable */
+(function(n,t,i){"use strict";n.fn.editTable=function(t){function c(n,t){if(n=n===0?"0":n||"",t&&"text"!==t){var i=r.field_templates[t];return"<td>"+i.setValue(i.html,n)[0].outerHTML+"<\/td>"}return'<td><input type="text" value="'+n.toString().replace(/"/g,"&quot;")+'" /><\/td>'}function v(t){var u="",i;if(t=t||"",r.row_template)for(i=0;i<f;i+=1)u+=i<r.row_template.length?c(t[i],r.row_template[i]):c(t[i]);else for(i=0;i<f;i+=1)u+=c(t[i]);return r.fixed_rows||(u=u+'<td><a class="addrow icon-button" href="#">+<\/a> <a class="delrow icon-button" href="#">-<\/a><\/td>'),n("<tr/>",{html:u})}function l(){f<2&&u.find(".delcol").addClass("disabled");e<2&&u.find(".delrow").addClass("disabled");r.maxRows&&e===r.maxRows&&u.find(".addrow").addClass("disabled")}function a(n){var t,h=Math.min(r.maxRows,n.length),i,o,c,s;if(u.html(p),f=0,n)for(i=0;i<n.length;i++)o=n[i].length,f<o&&(f=o);if(r.headerCols||r.row_template){for(c=Math.max((r.headerCols||[]).length,(r.row_template||[]).length),f=Math.max(f,c),t=0;t<f;t+=1)s=r.headerCols[t]||"",r.fixed_cols?u.find("thead tr").append("<th>"+s+"<\/th>"):u.find("thead tr").append('<th><span style="display: block; margin-bottom: 3px">'+s+"<\/span>"+w+"<\/th>");for(t=0;t<h;t+=1)v(n[t]).appendTo(u.find("tbody"))}else{if(!r.fixed_cols)for(t=0;t<f;t+=1)u.find("thead tr").append(b);for(t=0;t<h;t+=1)v(n[t]).appendTo(u.find("tbody"))}r.fixed_rows||u.find("thead tr").append("<th><\/th>");e=u.find("tbody tr").length;l()}function y(){var f=0,i=[],t;return h=!0,u.find("tbody tr").each(function(){f+=1;i[f]=[];n(this).find("td:not(:last-child)").each(function(u,e){if(r.row_template&&"text"!==r.row_template[u]){var o=r.field_templates[r.row_template[u]],s=n(this).find(n(o.html).prop("tagName"));t=o.getValue(s);r.validate_field(u,t,r.row_template[u],s)||(h=!1);i[f].push(t)}else t=n(this).find('input[type="text"]').val(),r.validate_field(u,t,"text",e)||(h=!1),i[f].push(t)})}),i.splice(0,1),i}var r=n.extend({data:[[""]],tableClass:"inputtable",jsonData:!1,headerCols:!1,maxRows:999,first_row:!0,row_template:!1,field_templates:!1,fixed_cols:!1,validate_field:function(){return!0},data_changed:function(){}},t),o=n(this),p="<thead><tr><\/tr><\/thead><tbody><\/tbody>",u=n("<table/>",{"class":r.tableClass+(r.first_row?" wh":"")+(r.fixed_rows?" fr":""),html:p}),w='<a class="addcol icon-button" href="#">+<\/a> <a class="delcol icon-button" href="#">-<\/a>',b="<th>"+w+"<\/th>",f=0,e=0,s,h=!0;if(r.data_changed){u.on("change.data","input, textarea, select",function(){var t=parseInt(n(this).closest("tr").children().index(n(this).parent("td")),10);r.data_changed(t,"data",n(this).val(),n(this))});u.on("keydown.data","input, textarea, select",function(t){var i=parseInt(n(this).closest("tr").children().index(n(this).parent("td")),10);t.keyCode===13&&r.data_changed(i,"data",n(this).val(),n(this))})}if(i=i+1,o.is("textarea")){try{s=JSON.parse(o.val())}catch(k){s=r.data}o.after(u);u.parents("form").length>0&&u.parents("form").submit(function(){o.val(JSON.stringify(y()))})}else s=JSON.parse(r.jsonData)||r.data,o.append(u);a(s);u.on("click",".addcol",function(){var t=parseInt(n(this).closest("tr").children().index(n(this).parent("th")),10);return f+=1,u.find("thead tr").find("th:eq("+t+")").after(b),u.find("tbody tr").each(function(){n(this).find("td:eq("+t+")").after(c())}),u.find(".delcol").removeClass("disabled"),r.row_template&&t<r.row_template.length&&r.row_template.splice(t+1,0,"text"),r.data_changed&&r.data_changed(t,"addcol"),!1});u.on("click",".delcol",function(){if(n(this).hasClass("disabled"))return!1;var t=parseInt(n(this).closest("tr").children().index(n(this).parent("th")),10);return f-=1,l(),n(this).parent("th").remove(),u.find("tbody tr").each(function(){n(this).find("td:eq("+t+")").remove()}),r.row_template&&t<r.row_template.length&&r.row_template.splice(t,1),r.data_changed&&r.data_changed(t,"delcol"),!1});u.on("click",".addrow",function(){return n(this).hasClass("disabled")?!1:(e+=1,n(this).closest("tr").after(v(0,f)),u.find(".delrow").removeClass("disabled"),l(),r.data_changed&&r.data_changed(e,"addrow"),!1)});u.on("click",".delrow",function(){return n(this).hasClass("disabled")?!1:(e-=1,l(),n(this).closest("tr").remove(),u.find(".addrow").removeClass("disabled"),r.data_changed&&r.data_changed(e,"delrow"),!1)});u.on("click","input",function(){n(this).select()});return{getData:function(){return y()},getJsonData:function(){return JSON.stringify(y())},loadData:function(n){a(n)},loadJsonData:function(n){a(JSON.parse(n))},reset:function(){a(s)},isValidated:function(){return h}}}})(jQuery,this,0);
\ No newline at end of file