Skip to content

Commit e8b2061

Browse files
committed
update doc
1 parent 933d18a commit e8b2061

File tree

2 files changed

+41
-5
lines changed

2 files changed

+41
-5
lines changed

README.md

Lines changed: 41 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,48 @@ component.dataTable.rows.add(newDataArray).draw();
1111
```
1212

1313
## Usage
14-
Like our example App, which demonstrate how to pass in overrides for our [jQuery DataTable](https://datatables.net/manual/options) default options - https://github.com/niiknow/vue-datatables-net/blob/master/example/App.vue#L8
14+
> You will require these to use with Bootstrap 4:
15+
16+
```html
17+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
18+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
19+
<link rel="stylesheet" href='https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css'>
20+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
21+
22+
<script>
23+
import VdtnetTable from '../src'
24+
import 'datatables.net-bs4'
25+
26+
/*
27+
// you can import these if needed
28+
// this import all buttons that we need
29+
import 'datatables.net-buttons/js/dataTables.buttons.js';
30+
import 'datatables.net-buttons/js/buttons.html5.js';
31+
import 'datatables.net-buttons/js/buttons.print.js';
32+
import 'datatables.net-responsive/js/dataTables.responsive.js';
33+
34+
// import the rest
35+
import 'datatables.net-buttons-bs4'
36+
import 'datatables.net-responsive-bs4'
37+
import 'datatables.net-fixedheader-bs4'
38+
import 'datatables.net-scroller-bs4';
39+
import 'datatables.net-select-bs4';
40+
41+
import 'datatables.net-bs4/css/dataTables.bootstrap4.min.css';
42+
import 'datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css';
43+
import 'datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css';
44+
import 'datatables.net-scroller-bs4/css/scroller.bootstrap4.min.css';
45+
import 'datatables.net-select-bs4/css/select.bootstrap4.min.css';
46+
*/
47+
</script>
48+
```
49+
50+
> Use it like the example App
51+
52+
This demonstrate how to pass in overrides for our [jQuery DataTable](https://datatables.net/manual/options) default options - https://github.com/niiknow/vue-datatables-net/blob/master/example/App.vue#L8
53+
54+
> Or simply with url that can handle datatable.net server-side endpoint:
1555
16-
Or simply with url that can handle datatable.net server-side endpoint:
1756
```html
1857
<template>
1958
<div id="app">

src/VdtnetTable.vue

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -129,6 +129,3 @@ export default {
129129
}
130130
}
131131
</script>
132-
133-
<style scoped>
134-
</style>

0 commit comments

Comments
 (0)