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

          1928 у кіно

          Захаров Федір Захарович

          Ель Греко