Added Default Value

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "paper-datatable-api",
-  "version": "2.0.11",
+  "version": "2.0.13",
   "description": "A material design implementation of a data table",
   "authors": [
     "Julien Rousseau <RoXuS>"

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "paper-datatable-api",
 	"description": "A material design implementation of a data table",
-	"version": "2.0.11",
+	"version": "2.0.13",
 	"keywords": [
 		"web-component",
 		"web-components",
@@ -32,4 +32,4 @@
 		"babel-preset-es2015": "^6.14.0",
 		"gulp-babel": "^6.1.2"
 	}
-}
+}

paper-datatable-api-column.js

@@ -1,6 +1,8 @@
 /* global customElements */
-class DtPaperDatatableApiColumn
-  extends Polymer.mixinBehaviors([Polymer.Templatizer], Polymer.Element) {
+class DtPaperDatatableApiColumn extends Polymer.mixinBehaviors(
+  [Polymer.Templatizer],
+  Polymer.Element
+) {
   static get is() {
     return 'paper-datatable-api-column';
   }
@@ -95,6 +97,11 @@ class DtPaperDatatableApiColumn
        * If setted, the choices are displayed in place of the paper-input (in filter mode)
        */
       choices: Array,
+
+      /**
+       * The default value of the editable field
+       */
+       defaultValue: String
     };
   }
 

paper-datatable-api-shared-styles.html

@@ -27,7 +27,7 @@
         font-weight: 500;
         text-align: left;
         white-space: nowrap;
-        padding: 6px var(--paper-datatable-api-horizontal-padding, 26px);
+        padding: 6px var(--paper-datatable-api-column-header-horizontal-padding, 12px);
         height: 43px;
         border-bottom: 1px solid;
         border-color: rgba(0, 0, 0, var(--dark-divider-opacity));

paper-datatable-api-th-content.html

@@ -21,6 +21,9 @@
     <style>
       :host {
         display: block;
+        --paper-icon-button-width: 24px;
+        --paper-icon-button-padding-right: 3px;
+        --paper-icon-button-padding-left: 3px;
       }
 
       :host>div {
@@ -49,12 +52,12 @@
       }
 
       paper-icon-button {
+        width: var(--paper-icon-button-width);
+        padding-right: var(--paper-icon-button-padding-right);
+        padding-left: var(--paper-icon-button-padding-left);
         --paper-icon-button-hover: {
           @apply --paper-datatable-api-header-sorted;
-        }
-        ;
-        min-width: 36px;
-        min-height: 36px;
+        };
         transition: transform .2s linear;
       }
 
@@ -196,4 +199,4 @@
     </div>
   </template>
   <script src="paper-datatable-api-th-content.js"></script>
-</dom-module>
+</dom-module>

paper-datatable-api-th-content.js

@@ -44,11 +44,22 @@ class DtPaperDatatableApiThContent extends Polymer.mixinBehaviors(
       _dateFrom: Number,
       _dateTo: Number,
       dateFormat: String,
+      defaultValue: String,
     };
   }
 
   static get observers() {
-    return ['_dateChanged(_dateTo)'];
+    return [
+      '_dateChanged(_dateTo)'
+    ];
+  }
+
+  ready() {
+    super.ready();
+    if(this.column.defaultValue !== undefined) {
+      this.column.activeFilter = true;
+      this.column.activeFilterValue = this.column.defaultValue;
+    }
   }
 
   _dateChanged() {

paper-datatable-api.html

@@ -115,4 +115,4 @@
 
   </template>
   <script src="paper-datatable-api.js"></script>
-</dom-module>
+</dom-module>