I was trying to get jQuery Datatables work in my LWC. I have tried this: LWC is it Possible to Load the JQuery Plugin Datatables in a Lightning Web Component?

But I was not able to get it work. Everything went well until this line of code:
let dataTable = $(table).DataTable();
It actually removed the <table> element from the page.

Can anybody help me here? Thanks in advance!!!

Code here:


    <table lwc:dom="manual" class="example-table display" style="width:100%"></table>


import { loadStyle, loadScript } from 'lightning/platformResourceLoader';

import jQuery from '@salesforce/resourceUrl/jQuery';
import DATATABLES_JS from '@salesforce/resourceUrl/DataTables_js';
import DATATABLES_CSS from '@salesforce/resourceUrl/DataTables_css';

renderedCallback() {
    if(firstTimeRender) {
        loadScript(this, jQuery).then(() => {

            console.log('Loaded JQUERY');

            loadStyle(this, DATATABLES_CSS).then(() => {

                console.log('Loaded Datatables CSS');

                loadScript(this, DATATABLES_JS).then(() => {

                    console.log('Loaded Datatables JS');
                    const table = 
                    const columnHeaders = ['Id', 'Name'];

                    let columnHeaderHtml = '<thead><tr>';

                    columnHeaders.forEach(function(header) {
                        columnHeaderHtml += '<th>' + header + '</th>';

                    columnHeaderHtml += '</tr></thead>';

                    table.innerHTML = columnHeaderHtml;

                    let dataTable = $(table).DataTable(); // Here is when it went wrong 

                    this.recordsQueried.forEach(function(r) {



  • 2
    Can anybody help me here? Not without seeing your code. Please edit your question to include the code you've tried so far.
    – sfdcfox
    Nov 13, 2019 at 18:40
  • Thanks for your advice! I have updated the question with my code.
    – JoeJoe
    Nov 13, 2019 at 19:42
  • Have you tried the main bit of the javascript outside of LWC? Nov 13, 2019 at 22:03
  • Yes, it works outside LWC...
    – JoeJoe
    Nov 13, 2019 at 23:23


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy