DataTables - Overview

Overview

Add advanced interaction controls to your HTML tables the free & easy way. For more info see the official siteand the Github repository.

Usage

DataTables's CSS and Javascript files are bundled in a custom files and included on demand as shown below:

<link href="https://advcloudfiles.advantech.com/design/internal-site-ui-3.0/dist/assets/plugins/custom/datatables/datatables.bundle.css" rel="stylesheet" type="text/css"/>
<script src="https://advcloudfiles.advantech.com/design/internal-site-ui-3.0/dist/assets/plugins/custom/datatables/datatables.bundle.js"></script>

Initialization

DataTables's CSS is highly customized in sass/vendors/plugins/_datatables.scssSCSS file in order to use it as a native component within the design system. The SCSS code is compiled into assets/plugins/global/plugins.bundle.cssand globally included in all pages.
DataTable's global settings are configured in src/js/vendors/plugins/datatables.init.jsand this initialization code is bundled within assets/plugins/custom/datatables/datatables.bundle.js.