Logic to retrieve filter values from localStorage

Datatable/Column/DateTimeColumn.php

@@ -67,10 +67,20 @@ public function renderSingleField(array &$row)
         if (true === $this->isEditableContentRequired($row)) {
             $content = $this->renderTemplate($this->accessor->getValue($row, $path), $row[$this->editable->getPk()]);
         } else {
-            $content = $this->renderTemplate($this->accessor->getValue($row, $path));
+            try {
+                $content = $this->renderTemplate($this->accessor->getValue($row, $path));
+            }
+            catch (\Exception $ex) {
+                $content = $this->renderTemplate(null);
+            }
+        }
+
+        try {
+            $this->accessor->setValue($row, $path, $content);
+        }
+        catch (\Exception $ex) {
         }
 
-        $this->accessor->setValue($row, $path, $content);
 
         return $this;
     }

Resources/views/datatable/datatable_js.html.twig

@@ -65,6 +65,14 @@
             $.extend(defaults, extensions);
             $.extend(defaults, columns);
             $.extend(defaults, initialSearch);
+            $.extend(defaults, {
+                stateSaveCallback: function(settings,data) {
+                    localStorage.setItem(settings.sInstance, JSON.stringify(data) )
+                },
+                stateLoadCallback: function(settings) {
+                    return JSON.parse( localStorage.getItem(settings.sInstance ) )
+                },
+            });
 
             if (!$.fn.dataTable.isDataTable(selector)) {
                 $(selector)
@@ -83,6 +91,10 @@
         }
 
         createDatatable();
+
+        new $.fn.dataTable.FixedColumns( oTable, {
+                leftColumns: 2
+        } );
 
         {% if sg_datatables_view.columnBuilder.uniqueColumn('multiselect') is not null %}
             {{ sg_datatables_render_multiselect_actions( sg_datatables_view.columnBuilder.uniqueColumn('multiselect'), sg_datatables_view.ajax.pipeline) }}

Resources/views/datatable/search.js.twig

@@ -37,9 +37,10 @@ var search = $.fn.dataTable.util.throttle(
         options.searchDelay
 );
 
-$(selector).find("tr input.sg-datatables-individual-filtering").on("keyup change", search);
+$(selector).find("tr input.sg-datatables-individual-filtering").keyup(search);
 
-$(selector).find("tr select.sg-datatables-individual-filtering").on("keyup change", function(event) {
+$(selector).find("tr input.sg-datatables-individual-filtering").change(search);
+$("tr select.sg-datatables-individual-filtering").change(function(event) {
     var searchValue = $(this).val();
     searchValue = searchValue ? searchValue.toString() : '';
     oTable

Resources/views/filter/select.html.twig

@@ -89,6 +89,23 @@
         {{ filter_select_initial_search }}   {# <option value=""></option> #}
         {{ filter_select_select_options }}
     </select>
+
+    <script type="text/javascript">
+        var currentValue = ""
+        if (typeof(Storage) !== "undefined") {
+            var datatableState = localStorage['sg-datatables-{{ datatable_name }}'];
+            if(datatableState){
+                datatableState = JSON.parse(datatableState);
+                var columns = datatableState['columns'];
+                currentValue = columns[{{ search_column_index }}]['search']['search'];
+                {% if column.filter.multiple is same as(true) %}
+                currentValue = currentValue.split(",");
+                {% endif %}
+            }
+        }
+        $("#{{ filter_id_selector }}").val(currentValue);
+    </script>
+
     {{ cancel_button_html }}
 {% endblock %}
 

composer.json

@@ -1,5 +1,5 @@
 {
-    "name": "sg/datatablesbundle",
+    "name": "roldan/datatablesbundle",
     "type": "symfony-bundle",
     "description": "Symfony Datatable Bundle For Doctrine2 Entities",
     "keywords": ["symfony3", "datatable", "datatables", "data-table", "grid", "table", "datagrid", "pagination"],