when page is loading its produce a huge gap between dataTable column like in the attached image.

krishanth

tangerine

Please provide a test case in accordance with the forum rules.
https://datatables.net/forums/discussion/12899/post-test-cases-when-asking-for-help-please-read#latest

krishanth

$(document).ready(function() {
$(':input[type="submit"]').prop('disabled', true);
$('#datatableid').DataTable({
// "pagingType": "full_numbers",
// "lengthMenu" : [
//[2,100,150,-1],
// [2,100,150]

            //[2,25,50,-1],
            // [2,25,50,"All"] 

           "pageLength": 15,
            "paging": true,
            "ordering": false,
            "info": false,
            "deferRender": true
            //],
            // responsive: true,
            // language: {

            //search: "_INPUT_",
            //searchPlaceholder:"search your data here",
            // } 


        });
    });

kthorngren

You have a styling issue. Without seeing the actual page or a running test case showing the issue we won't be able to help debug. As tangerine asked please post a running test case showing the issue:
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

Maybe you san use the browser's Inspect tool to determine what styles are being applied that are causing the issue. Or you can make a simplified page with minimal styling then, one at a time, add back your page styles to see where it breaks.

Kevin

krishanth

thank you @kthorngren

here is complete code in http://live.datatables.net

link

http://live.datatables.net/mivecexo/1/edit?html,js,console,output

embed

<a class="jsbin-embed" href="http://live.datatables.net/mivecexo/1/embed?html,js,console,output">Dashboard -shashwa Admin</a>

codecast

http://live.datatables.net/mivecexo/1/watch?html,css,js,output

kthorngren

You have many hidden columns.

Try using columns.visible to hide these columns. For example I hid columns 1-6 in the updated example:
http://live.datatables.net/finuyaco/1/edit

Kevin