configurable data column

Author: noogen

README.md

@@ -49,16 +49,21 @@ This library default configuration and provide example for `bootstrap4` styling.
 
 <script>
 import VdtnetTable from 'vue-datatables-net'
+
 import 'datatables.net-bs4'
 
-/*
-// import any datatables.net extension as you would when using it raw
+// below you should only import what you need
+// Example: import buttons and plugins
+import 'datatables.net-buttons/js/dataTables.buttons.js'
+import 'datatables.net-buttons/js/buttons.html5.js'
+import 'datatables.net-buttons/js/buttons.print.js'
+
+// import the rest for your specific theme
+import 'datatables.net-buttons-bs4'
 import 'datatables.net-select-bs4'
 
-// import any styles to support the packages you import above
-import 'datatables.net-bs4/css/dataTables.bootstrap4.min.css'
 import 'datatables.net-select-bs4/css/select.bootstrap4.min.css'
-*/
+import 'datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css'
 </script>
 ```
 
@@ -181,6 +186,7 @@ fields: {
 - `searchable` true to enable search of field
 - `sortable` false to disable sorting
 - `name` to override the name
+- `data` differentiate server-side sorting field - optional default to `name`
 - `visible` false to hide
 - `width` to provide custom width
 - `className` set column class names

example/index.js

@@ -579,7 +579,7 @@ __webpack_require__.r(__webpack_exports__);
         var col = {
           title: field.label || field.name,
           width: field.width,
-          data: field.name,
+          data: field.data || field.name,
           name: field.name,
           className: field.className
         };

example/index.js.map

@@ -5,9 +5,9 @@
     <title>vue-datatables-net demo</title>
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
 <link rel="stylesheet" href='https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css'>
-<link rel="stylesheet" href="https://cdn.materialdesignicons.com/3.5.95/css/materialdesignicons.min.css">
+<link rel="stylesheet" href="https://cdn.materialdesignicons.com/3.6.95/css/materialdesignicons.min.css">
 
-<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>

index.html

@@ -1,4 +1,4 @@
 {
-    "/index.js": "/index.js?id=3560ad448a37fa3d71c5",
-    "/index.js.map": "/index.js.map?id=aec5afec3dd3eab095f2"
+    "/index.js": "/index.js?id=37336752df717b9324d7",
+    "/index.js.map": "/index.js.map?id=c83eba6d7c52c25f97e5"
 }

lib/index.js

@@ -1,7 +1,7 @@
 {
   "name": "vue-datatables-net",
   "description": "Vue jQuery DataTables.net wrapper component",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "author": "[email protected]",
   "license": "MIT",
   "main": "lib/index.js",
@@ -34,7 +34,7 @@
     "vue": ">=2.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.4.4",
+    "@babel/core": "^7.4.5",
     "@babel/plugin-syntax-dynamic-import": "^7.2.0",
     "babel-eslint": "^10.0.1",
     "bootstrap": "^4.3.1",
@@ -46,10 +46,10 @@
     "datatables.net-buttons-bs4": "^1.5.6",
     "datatables.net-select-bs4": "^1.2.7",
     "eslint": "^5.16.0",
-    "eslint-config-prettier": "^4.2.0",
+    "eslint-config-prettier": "^4.3.0",
     "eslint-friendly-formatter": "^4.0.1",
     "eslint-loader": "^2.1.2",
-    "eslint-plugin-import": "^2.17.2",
+    "eslint-plugin-import": "^2.17.3",
     "eslint-plugin-vue": "^5.2.2",
     "file-loader": "^3.0.1",
     "jquery": "^3.4.1",