Search

$('#create-groups-all-in-one-table_thead, .dataTables_length, .dataTables_info, .dataTables_paginate, #divFunction').hide();

$(".dataTables_scrollBody").css("height", (($(window).height() - 283) + $("#divDetails").height()));

var table_content = '[{"col-name-1":"data"}, {"col-name-2":"data"}]'; // content from php // table init var data_table = $('#div_selector').DataTable({

I was able to figure it out. I made it so that the width of #div1 was the same width as #tblFuels and the scroll bars became the same width

var oTableX = $('#divTblSeaEmpList').dataTable();

$('#GetAllCustomers').click(function() { $.get("/Reports/Table").done(function (result) { $("#divResult").html(result); table = $('#exampl

$.get("/Reports/Table").done(function (result) { $("#divResult").html(result); $('#example').dataTable({ "ajax": { "url&quo

success: function(msg) { $('#divSearchResult').html(msg); initTable(); } }) } function initTable(){ var oTable = $('#resultTable').dataTable({ 'bP

$('#divCountrySupMP').hide();

$("#divreorder").dialog('close');

$("#divreorder").dialog('close');

$('#div_sheet').before( oTableTools.dom.container );

$("#divUploads").show();

I got the solution. Instead of using style="display:none" use style="visibility:hidden" and while displaying the div use $("#divid").css({"visibility":"vis

$("#div2").load('Ajax/loadTable.php',

$("#div2").load('Ajax/loadTable.php',

Okay - thanks for the explanation. In that case, TableTools with a `div` button ( http://datatables.net/extras/tabletools/buttons#div ) and an fnClick handler ( http://datatables.net/extras/tabletools

On another topic, this is what I meant that you can use an entirely independent page in the hidden divs. A simple $("#divname").load("/yourpagename") does it with a slight modific

var iValue = jQuery('#div').slider("value");

$('#div_vendors').show();