New Metronic Docs!Added Integration Docs with Starter Kits Apps for Laravel, Laravel Livewire, Angular, Vue, Symfony, Blazor Server, Django & Flask & more
Browse Docs
Light
Dark
System
Ask  Question

Problem with bundle JS Datatables


Im trying to follow this step :
https://preview.keenthemes.com/html/seven-html-pro/docs/getting-started/integration/laravel

but the file datatables.bundle.css and datatables.bundle.js not export to folder public.


G
Guest 2 years ago
Webpack HTML PHP
1 Answers
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)

user
Faizal Author2 years ago

Hi

Add these datatables plugin entries to the package.json file and run the command "npm install".


"datatables.net": "^1.12.1",
 "datatables.net-bs5": "^1.12.1",
 "datatables.net-buttons": "^2.2.3",
 "datatables.net-buttons-bs5": "^2.2.3",
 "datatables.net-colreorder": "^1.5.6",
 "datatables.net-colreorder-bs5": "^1.5.6",
 "datatables.net-datetime": "^1.1.2",
 "datatables.net-fixedcolumns": "^4.1.0",
 "datatables.net-fixedcolumns-bs5": "^4.1.0",
 "datatables.net-fixedheader": "^3.2.3",
 "datatables.net-fixedheader-bs5": "^3.2.3",
 "datatables.net-plugins": "^1.11.5",
 "datatables.net-responsive": "^2.3.0",
 "datatables.net-responsive-bs5": "^2.3.0",
 "datatables.net-rowgroup": "^1.2.0",
 "datatables.net-rowgroup-bs5": "^1.2.0",
 "datatables.net-rowreorder": "^1.2.8",
 "datatables.net-rowreorder-bs5": "^1.2.8",
 "datatables.net-scroller": "^2.0.6",
 "datatables.net-scroller-bs5": "^2.0.6",
 "datatables.net-select": "^1.4.0",
 "datatables.net-select-bs5": "^1.4.0",


Get these 2 files:
https://gist.github.com/KeenthemesHub/020558a1c63f44583b106ea53f51c841
https://gist.github.com/KeenthemesHub/a7f471883bcbd05320ad745239945e37

And place it in this folder resources/src/plugins/custom/datatables

Thanks


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(