Datatables does not collapsing first column at the correct point The Next CEO of Stack OverflowJquery Super box automatically loadsdisable a column sorting using jquery datatablesJQuery code not runsPrettyPhoto - how to track when user closes the modal boxPrettyphoto - how to pass unique parameter to the callback functionGoogle maps update jquery mobile problemsrails and bootstrap: Uncaught ReferenceError: jQuery is not definedjquery code to JoomlaResponsive Bootstrap Datatable not collapsing columns at the correct pointBootstrap 4 tab.js active states stuck

Does Germany produce more waste than the US?

Easy to read palindrome checker

WOW air has ceased operation, can I get my tickets refunded?

How to check if all elements of 1 list are in the *same quantity* and in any order, in the list2?

Domestic-to-international connection at Orlando (MCO)

0 rank tensor vs 1D vector

Dominated convergence theorem - what sequence?

Running a General Election and the European Elections together

Why don't programming languages automatically manage the synchronous/asynchronous problem?

Help understanding this unsettling image of Titan, Epimetheus, and Saturn's rings?

What did we know about the Kessel run before the prequels?

Can you be charged for obstruction for refusing to answer questions?

How to avoid supervisors with prejudiced views?

INSERT to a table from a database to other (same SQL Server) using Dynamic SQL

Is micro rebar a better way to reinforce concrete than rebar?

Why is the US ranked as #45 in Press Freedom ratings, despite its extremely permissive free speech laws?

Reference request: Grassmannian and Plucker coordinates in type B, C, D

RigExpert AA-35 - Interpreting The Information

Is French Guiana a (hard) EU border?

Powershell. How to parse gci Name?

Which one is the true statement?

Is it convenient to ask the journal's editor for two additional days to complete a review?

Is there a difference between "Fahrstuhl" and "Aufzug"

Does soap repel water?



Datatables does not collapsing first column at the correct point



The Next CEO of Stack OverflowJquery Super box automatically loadsdisable a column sorting using jquery datatablesJQuery code not runsPrettyPhoto - how to track when user closes the modal boxPrettyphoto - how to pass unique parameter to the callback functionGoogle maps update jquery mobile problemsrails and bootstrap: Uncaught ReferenceError: jQuery is not definedjquery code to JoomlaResponsive Bootstrap Datatable not collapsing columns at the correct pointBootstrap 4 tab.js active states stuck










0















the first column on my column doesn't collapse at the correct point. In the following images I show the problem:



1. Image



2. Image



3. Image



4. Image



My table looks so:



<div id="TestTable">
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Extn.</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Extn.</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>
</table>
</div>


My JS function looks so:



 $(document).ready(function () 
$('#example').DataTable(
serverSide: true,
ajax: '../api/data/test',
stateSave: false,
responsive: true,
"deferRender": true
);
);


Does anyone know how to correct it?



P.S. Here are the sources I take for the page:



<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript" src="~/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="~/js/dataTables.responsive.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="~/css/navbar.css" />
<link rel="stylesheet" href="~/css/jquery.dataTables.min.css" />
<link rel="stylesheet" href="~/css/responsive.dataTables.min.css" />









share|improve this question


























    0















    the first column on my column doesn't collapse at the correct point. In the following images I show the problem:



    1. Image



    2. Image



    3. Image



    4. Image



    My table looks so:



    <div id="TestTable">
    <table id="example" class="display" cellspacing="0" width="100%">
    <thead>
    <tr>
    <th>Name</th>
    <th>Position</th>
    <th>Office</th>
    <th>Extn.</th>
    <th>Start date</th>
    <th>Salary</th>
    </tr>
    </thead>
    <tfoot>
    <tr>
    <th>Name</th>
    <th>Position</th>
    <th>Office</th>
    <th>Extn.</th>
    <th>Start date</th>
    <th>Salary</th>
    </tr>
    </tfoot>
    </table>
    </div>


    My JS function looks so:



     $(document).ready(function () 
    $('#example').DataTable(
    serverSide: true,
    ajax: '../api/data/test',
    stateSave: false,
    responsive: true,
    "deferRender": true
    );
    );


    Does anyone know how to correct it?



    P.S. Here are the sources I take for the page:



    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script type="text/javascript" src="~/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="~/js/dataTables.responsive.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="~/css/navbar.css" />
    <link rel="stylesheet" href="~/css/jquery.dataTables.min.css" />
    <link rel="stylesheet" href="~/css/responsive.dataTables.min.css" />









    share|improve this question
























      0












      0








      0








      the first column on my column doesn't collapse at the correct point. In the following images I show the problem:



      1. Image



      2. Image



      3. Image



      4. Image



      My table looks so:



      <div id="TestTable">
      <table id="example" class="display" cellspacing="0" width="100%">
      <thead>
      <tr>
      <th>Name</th>
      <th>Position</th>
      <th>Office</th>
      <th>Extn.</th>
      <th>Start date</th>
      <th>Salary</th>
      </tr>
      </thead>
      <tfoot>
      <tr>
      <th>Name</th>
      <th>Position</th>
      <th>Office</th>
      <th>Extn.</th>
      <th>Start date</th>
      <th>Salary</th>
      </tr>
      </tfoot>
      </table>
      </div>


      My JS function looks so:



       $(document).ready(function () 
      $('#example').DataTable(
      serverSide: true,
      ajax: '../api/data/test',
      stateSave: false,
      responsive: true,
      "deferRender": true
      );
      );


      Does anyone know how to correct it?



      P.S. Here are the sources I take for the page:



      <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
      <script type="text/javascript" src="~/js/jquery.dataTables.min.js"></script>
      <script type="text/javascript" src="~/js/dataTables.responsive.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
      <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

      <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
      <link rel="stylesheet" href="~/css/navbar.css" />
      <link rel="stylesheet" href="~/css/jquery.dataTables.min.css" />
      <link rel="stylesheet" href="~/css/responsive.dataTables.min.css" />









      share|improve this question














      the first column on my column doesn't collapse at the correct point. In the following images I show the problem:



      1. Image



      2. Image



      3. Image



      4. Image



      My table looks so:



      <div id="TestTable">
      <table id="example" class="display" cellspacing="0" width="100%">
      <thead>
      <tr>
      <th>Name</th>
      <th>Position</th>
      <th>Office</th>
      <th>Extn.</th>
      <th>Start date</th>
      <th>Salary</th>
      </tr>
      </thead>
      <tfoot>
      <tr>
      <th>Name</th>
      <th>Position</th>
      <th>Office</th>
      <th>Extn.</th>
      <th>Start date</th>
      <th>Salary</th>
      </tr>
      </tfoot>
      </table>
      </div>


      My JS function looks so:



       $(document).ready(function () 
      $('#example').DataTable(
      serverSide: true,
      ajax: '../api/data/test',
      stateSave: false,
      responsive: true,
      "deferRender": true
      );
      );


      Does anyone know how to correct it?



      P.S. Here are the sources I take for the page:



      <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
      <script type="text/javascript" src="~/js/jquery.dataTables.min.js"></script>
      <script type="text/javascript" src="~/js/dataTables.responsive.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
      <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

      <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
      <link rel="stylesheet" href="~/css/navbar.css" />
      <link rel="stylesheet" href="~/css/jquery.dataTables.min.css" />
      <link rel="stylesheet" href="~/css/responsive.dataTables.min.css" />






      jquery datatables






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Mar 7 at 16:39









      Asker789534Asker789534

      11




      11






















          0






          active

          oldest

          votes












          Your Answer






          StackExchange.ifUsing("editor", function ()
          StackExchange.using("externalEditor", function ()
          StackExchange.using("snippets", function ()
          StackExchange.snippets.init();
          );
          );
          , "code-snippets");

          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "1"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );













          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55048807%2fdatatables-does-not-collapsing-first-column-at-the-correct-point%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          0






          active

          oldest

          votes








          0






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes















          draft saved

          draft discarded
















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55048807%2fdatatables-does-not-collapsing-first-column-at-the-correct-point%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          Save data to MySQL database using ExtJS and PHP [closed]2019 Community Moderator ElectionHow can I prevent SQL injection in PHP?Which MySQL data type to use for storing boolean valuesPHP: Delete an element from an arrayHow do I connect to a MySQL Database in Python?Should I use the datetime or timestamp data type in MySQL?How to get a list of MySQL user accountsHow Do You Parse and Process HTML/XML in PHP?Reference — What does this symbol mean in PHP?How does PHP 'foreach' actually work?Why shouldn't I use mysql_* functions in PHP?

          Compiling GNU Global with universal-ctags support Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) Data science time! April 2019 and salary with experience The Ask Question Wizard is Live!Tags for Emacs: Relationship between etags, ebrowse, cscope, GNU Global and exuberant ctagsVim and Ctags tips and trickscscope or ctags why choose one over the other?scons and ctagsctags cannot open option file “.ctags”Adding tag scopes in universal-ctagsShould I use Universal-ctags?Universal ctags on WindowsHow do I install GNU Global with universal ctags support using Homebrew?Universal ctags with emacsHow to highlight ctags generated by Universal Ctags in Vim?

          Add ONERROR event to image from jsp tldHow to add an image to a JPanel?Saving image from PHP URLHTML img scalingCheck if an image is loaded (no errors) with jQueryHow to force an <img> to take up width, even if the image is not loadedHow do I populate hidden form field with a value set in Spring ControllerStyling Raw elements Generated from JSP tagds with Jquery MobileLimit resizing of images with explicitly set width and height attributeserror TLD use in a jsp fileJsp tld files cannot be resolved