Search

Hi guys, my name is Giuseppe and I'm writing to you from Italy. I recently discovered Datatables and I'm studying it a bit. I would like your help to understand why Datatables isn't working in my cod…

$('#container').append(overlay);

$('#container').css( 'display', 'block' );

Can I override he select2 width in some way? To put it to 100%?

#demo, #container { width:700px; } #demo td { padding: 0.2em 2em; } #demo_info { width:690p

#demo, #container {

$('#container').css( 'display', 'block' );

$('#Container').DataTable({ "scrollX": false, "iDisplayLength": 10, "aLengthMenu": [[10, 15, 20, 25, 50, -1], [10, 15, 20,

$('#Container').DataTable({ "scrollX": true, "iDisplayLength": 10, "aLengthMenu": [[10, 15, 20, 25, 50, -1], [10, 15, 20, 25, 50, &quo

$.each(['line', 'column'], function (i, type) { console.log("$('#' + type)",$('#' + type)); $('#' + type).click(function () { var myChart = $('#container_datatable

// Set type $.each(['line', 'column'], function (i, type) { $('#' + type).click(function () { var myChart = $('#container_datatables').highcharts(); console.log('281 myChart.se

var myChart = $('#container_datatables').highcharts(); // Set type $.each(['line', 'column'], function (i, type) { $('#' + type).click(function () { console.log('281 myCha

function createHighcharts(data) { $('#container_datatables').highcharts({ //2 xAxis: [ { categories: data[0], labels: { rotation: -45

Thanks. I assume you meant bootstrap container classes. Apparently it solves the problem. But I still feel there is bug in datatable implementation. In my first example, the table was going wider tha…

color: #111; background-color: #fff; } #container { margin: 0 auto; width: 960px } h1 { text-align: center; font-size: 1.2em; font-weight: bold; margin: 1em 0; } /

Select2 has a width option which would seem to be ideal here. Set it to be element perhaps.

function showASBresultsModal() { $('#ASBresultsModal').modal('toggle') ; var table = $('#example').DataTable(); $('#container').css( 'display', 'block' ); table.

// table container var tableContainer = $("#container"); // clear all contents tableContainer.empty();

$('#container of table')

When inspecting the first example you are putting a table inside the original table (#container). Changing your #container from a table to a div seems to resolve the issue: