show all on print

README.md

@@ -314,7 +314,7 @@ window.open(url)
 ```
 
 ## Responsive
-1. In Bootstrap4, there's a class called [table-responsive](https://getbootstrap.com/docs/4.1/content/tables/#responsive-tables) that wrap the table at each screen breakpoint.  We apply this class on our wrapper div to make the table scroll horizontally.
+1. In Bootstrap4, there's a class called [table-responsive](https://getbootstrap.com/docs/4.1/content/tables/#responsive-tables) that wrap the table at each screen breakpoint.  We apply this class on our wrapper div to make the table scroll horizontally.  We also include `d-print-inline` for print.
 
 2. Alternatively, you can set `options.responsive = true` to use jQuery DataTable responsive plugin.  **WARNING**: This plugin does not play well with `select-checkbox`, `master-details`, and many other features.  It is recommended to use option 1 above.
 

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 = {};
@@ -536,7 +536,7 @@ __webpack_require__.r(__webpack_exports__);
       return this.jquery || window.jQuery;
     },
     classes: function classes() {
-      var classes = 'table-responsive vdtnet-container';
+      var classes = 'table-responsive d-print-inline vdtnet-container';
 
       if (this.hideFooter) {
         classes += ' hide-footer';

src/VdtnetTable.vue

@@ -126,7 +126,7 @@ export default {
       return this.jquery || window.jQuery
     },
     classes() {
-      let classes = 'table-responsive vdtnet-container'
+      let classes = 'table-responsive d-print-inline vdtnet-container'
       if (this.hideFooter) {
         classes += ' hide-footer'
       }