Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

bhonprasitgmail-com priority asked 3 months ago


Simple Index.html to Show datatable Not working

Material Design for Bootstrap Name Position Office Age Start date Salary Tiger Nixon System Architect Edinburgh 61 2011/04/25 $320,800 Garrett Winters Accountant Tokyo 63 2011/07/25 $170,750 Ashton Cox Junior Technical Author San Francisco 66 2009/01/12 $86,000 Cedric Kelly Senior Javascript Developer Edinburgh 22 2012/03/29 $433,060 Airi Satou Accountant Tokyo 33 2008/11/28 $162,700 Brielle Williamson Integration Specialist New York 61 2012/12/02 $372,000 Herrod Chandler Sales Assistant San Francisco 59 2012/08/06 $137,500 Rhona Davidson Integration Specialist Tokyo 55 2010/10/14 $327,900 Colleen Hurst Javascript Developer San Francisco 39 2009/09/15 $205,500 Sonya Frost Software Engineer Edinburgh 23 2008/12/13 $103,600 Jena Gaines Office Manager London 30 2008/12/19 $90,560 Quinn Flynn Support Lead Edinburgh 22 2013/03/03 $342,000 Charde Marshall Regional Director San Francisco 36 2008/10/16 $470,600 Haley Kennedy Senior Marketing Designer London 43 2012/12/18 $313,500

<!-- MDB -->
<script type="text/javascript" src="js/mdb.umd.min.js"></script>
<!-- Custom scripts -->
<script type="text/javascript"></script>
<script type="text/javascript">

import { Datatable, initMDB } from "mdb-ui-kit";

initMDB({ Datatable }); enter image description here


Kamila Pieńkowska staff answered 3 months ago


This section explains the difference. https://mdbootstrap.com/docs/standard/getting-started/migration-guide/#section-javascript

If you are beginner I reccomend UMD import as easier to use. ES is recommend if you use bundler and you whant to benefit from treeshaking to get the smallest possible size of the final build.


Kamila Pieńkowska staff answered 3 months ago


Remove this part of your code:

import { Datatable, initMDB } from "mdb-ui-kit";

initMDB({ Datatable });

It is needed only for ES import while you are using UMD import. When copying examples from documentation use toggler and change to UMD when for JavaScript code.


daencore priority commented 3 months ago

What ist actually the difference of ES and UMD an what should i use?



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 7.3.2
  • Device: PC
  • Browser: Chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: No