Question

Views

The usual way of import "datatables.net-select"; doesn't seem to work.

I've looked on the website and it says to do:

var $       = require( 'jquery' );
var dt      = require( 'datatables.net' )( window, $ );

But I get a Cannot set property '$' of undefined

Am I missing something?

over 4 years ago · Santiago Trujillo

I'm using DataTables 1.10.19 with Symfony 4.1.7 + Webpack Encore 0.21

    import $ from 'jquery';
    import dt from 'datatables.net-bs';
    global.$.DataTable = dt;

over 4 years ago · Santiago Trujillo Report

This worked for me:

window.$ = require('jquery');
var dt = require('datatables.net');
window.$.DataTable = dt;

over 4 years ago · Santiago Trujillo Report

Answer question

Accepted Answer · 2022-05-25T14:03:28.431Z

Figured it out.

The only reason why I thought it wasn't working was because the css wasn't there. Make sure you also import the -dt stuff as well.

I.e:

import $ from 'jquery';

import 'datatables.net';
import 'datatables.net-dt/css/jquery.dataTables.css';