Skip to content

Commit eb3ae6d

Browse files
committed
update example
1 parent e8b2061 commit eb3ae6d

File tree

4 files changed

+41
-24
lines changed

4 files changed

+41
-24
lines changed

dist/build.js

Lines changed: 27 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/build.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

example/App.vue

Lines changed: 12 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -5,30 +5,24 @@
55
</template>
66

77
<script>
8+
// this demonstrate with buttons and responsive master/details row
89
import VdtnetTable from '../src'
910
import 'datatables.net-bs4'
1011
11-
/*
12-
// you can import these if needed
13-
// this import all buttons that we need
14-
import 'datatables.net-buttons/js/dataTables.buttons.js';
15-
import 'datatables.net-buttons/js/buttons.html5.js';
16-
import 'datatables.net-buttons/js/buttons.print.js';
17-
import 'datatables.net-responsive/js/dataTables.responsive.js';
12+
// import buttons
13+
import 'datatables.net-buttons/js/dataTables.buttons.js'
14+
import 'datatables.net-buttons/js/buttons.html5.js'
15+
import 'datatables.net-buttons/js/buttons.print.js'
16+
import 'datatables.net-responsive/js/dataTables.responsive.js'
1817
1918
// import the rest
2019
import 'datatables.net-buttons-bs4'
2120
import 'datatables.net-responsive-bs4'
22-
import 'datatables.net-fixedheader-bs4'
23-
import 'datatables.net-scroller-bs4';
24-
import 'datatables.net-select-bs4';
2521
26-
import 'datatables.net-bs4/css/dataTables.bootstrap4.min.css';
27-
import 'datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css';
28-
import 'datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css';
29-
import 'datatables.net-scroller-bs4/css/scroller.bootstrap4.min.css';
30-
import 'datatables.net-select-bs4/css/select.bootstrap4.min.css';
31-
*/
22+
import 'datatables.net-bs4/css/dataTables.bootstrap4.min.css'
23+
import 'datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css'
24+
import 'datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css'
25+
3226
export default {
3327
name: 'app',
3428
components: { VdtnetTable },
@@ -40,7 +34,6 @@ export default {
4034
ajax: {
4135
url: 'https://jsonplaceholder.typicode.com/users',
4236
dataSrc: (json) => {
43-
// console.log(json)
4437
return json
4538
}
4639
},
@@ -52,7 +45,8 @@ export default {
5245
ordering: true,
5346
lengthChange: true,
5447
serverSide: true,
55-
fixedHeader: true
48+
fixedHeader: true,
49+
buttons: ['copy', 'csv', 'print']
5650
},
5751
fields: {
5852
id: { label: 'ID', sortable: true },

lib/vue-datatables-net.min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)