make wrapper class names configurable

Author: noogen

README.md

@@ -106,6 +106,15 @@ Our component parameters:
     id: {
       type: String
     },
+    /**
+     * Set the wrapper classes.
+     *
+     * @type String
+     */
+    wrapperClassName: {
+      type: String,
+      default: 'table-responsive d-print-inline'
+    },
     /**
      * Set the table classes you wish to use, default with bootstrap4
      * but you can override with: themeforest, foundation, etc..

example/index.js

@@ -1,13 +1,13 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("Vue"), require("jQuery"));
+		module.exports = factory(require("jQuery"), require("Vue"));
 	else if(typeof define === 'function' && define.amd)
-		define("VdtnetTable", ["Vue", "jQuery"], factory);
+		define("VdtnetTable", ["jQuery", "Vue"], factory);
 	else if(typeof exports === 'object')
-		exports["VdtnetTable"] = factory(require("Vue"), require("jQuery"));
+		exports["VdtnetTable"] = factory(require("jQuery"), require("Vue"));
 	else
-		root["VdtnetTable"] = factory(root["Vue"], root["jQuery"]);
-})(window, function(__WEBPACK_EXTERNAL_MODULE_vue__, __WEBPACK_EXTERNAL_MODULE_jquery__) {
+		root["VdtnetTable"] = factory(root["jQuery"], root["Vue"]);
+})(window, function(__WEBPACK_EXTERNAL_MODULE_jquery__, __WEBPACK_EXTERNAL_MODULE_vue__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
@@ -450,6 +450,16 @@ var myUniqueId = 1;
       "default": null
     },
 
+    /**
+     * Set the wrapper classes.
+     *
+     * @type String
+     */
+    containerClassName: {
+      type: String,
+      "default": 'table-responsive d-print-inline'
+    },
+
     /**
      * Set the table classes you wish to use, default with bootstrap4
      * but you can override with: themeforest, foundation, etc..
@@ -553,7 +563,8 @@ var myUniqueId = 1;
       return this.jquery || window.jQuery;
     },
     classes: function classes() {
-      var classes = 'table-responsive d-print-inline vdtnet-container';
+      var that = this;
+      var classes = "".concat(that.containerClassName, " vdtnet-container");
 
       if (this.hideFooter) {
         classes += ' hide-footer';
@@ -22415,7 +22426,7 @@ __webpack_require__.r(__webpack_exports__);
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(/*! /Users/tech/Desktop/work/niiknow/vue-datatables-net/example/app.js */"./example/app.js");
+module.exports = __webpack_require__(/*! /Users/tomnoogen/Desktop/work/niiknow/vue-datatables-net/example/app.js */"./example/app.js");
 
 
 /***/ }),

example/index.js.map

@@ -1,4 +1,4 @@
 {
-    "/index.js": "/index.js?id=853e6b6a981219e3715e",
-    "/index.js.map": "/index.js.map?id=4efd61eae652345518b1"
+    "/index.js": "/index.js?id=ad7b8d4944a8f079b5a3",
+    "/index.js.map": "/index.js.map?id=8c2d8ad5aaef138c6996"
 }

lib/index.js

@@ -1,7 +1,7 @@
 {
   "name": "vue-datatables-net",
   "description": "Vue jQuery DataTables.net wrapper component",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "author": "[email protected]",
   "license": "MIT",
   "main": "lib/index.js",

lib/index.js.map

@@ -45,6 +45,15 @@ export default {
       type: String,
       default: null
     },
+    /**
+     * Set the container classes.
+     *
+     * @type String
+     */
+    containerClassName: {
+      type: String,
+      default: 'table-responsive d-print-inline'
+    },
     /**
      * Set the table classes you wish to use, default with bootstrap4
      * but you can override with: themeforest, foundation, etc..
@@ -139,7 +148,8 @@ export default {
       return this.jquery || window.jQuery
     },
     classes() {
-      let classes = 'table-responsive d-print-inline vdtnet-container'
+      const that  = this
+      let classes = `${that.containerClassName} vdtnet-container`
       if (this.hideFooter) {
         classes += ' hide-footer'
       }