Replies

• kthorngren Posts: 21,188Questions: 26Answers: 4,925

  October 14 edited October 14

  datatables.min.js is not minified

  I just downloaded Datatables 2.1.8 and datatables.min.js looks minified to me. Plus its much smaller than datatables.js. This is the top of the code in the minified file.

  /*! DataTables 2.1.8
   * © SpryMedia Ltd - datatables.net/license
   */
  !function(n){"use strict";var a;"function"==typeof define&&define.amd?define(["jquery"],function(t){return n(t,window,document)}):"object"==typeof exports?(a=require("jquery"),"undefined"==typeof window?
  

  Please explain how they are different.

  My observation was that some features and options were not displayed correctly on my site.
  The example https://datatables.net/extensions/searchpanes/examples/customisation/dtOpts did not show the result on my site as stated in the example itself.

  Can you provide a test case showing this issue so we can help debug?
  https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

  I repeated the download - but nothing worked with this new download anymore.

  Did you look at the browser's console for errors?

  Kevin
• JochenK Posts: 37Questions: 4Answers: 0

  October 15

  Hi Kevin,
  I tried many constellations of css and js files and derived the following from them:
  ( "jQuery 3.7.1.js" is always integrated separately )

  1) I use the exact example from "https://datatables.net/extensions/searchpanes/examples/
  customisation/dtOpts" and it works.
  But i've found that if I don't use the files "searchpanes.dataTables.js" and
  "select.dataTables.js" it works the same way. Do I absolutely have to include
  these two files?
  2) I select a collection of "DateTables" from Step(1) and Step(2) respectively, plus all
  extensions except "Autofill", "KeyTable", "StateRestore" and download as package.
  As a result searchPanes without paging:
  
  If I don't include the "scroller" extension in the package: paging is displayed:
  

  3) If I include "bootstrap 5.3.0" in the package, some elements on the page are displayed
  incorrectly. My site is styled with Bootstrap 5.3.3. So I have to integrate my own
  Bootstrap file.

  4) But when I download Bootstrap 5.3.0 with the package it is displayed:
  
  I would like to have this image, but then other elements are displayed incorrectly
  because they were styled with Boostrap 5.3.3 Is there any solution for this?

  It is very difficult to create a test case because of the complexity of the site.
  But if it was absolutely necessary, I would try it. In the browser's console i didn't found errors.
• allan Posts: 63,262Questions: 1Answers: 10,424 Site admin

  October 15

  But i've found that if I don't use the files "searchpanes.dataTables.js" and "select.dataTables.js" it works the same way. Do I absolutely have to include these two files?

  No. They are redundant. The software uses DataTables styling by default.

  If I don't include the "scroller" extension in the package: paging is displayed

  That is intentional, if not exactly obvious. I think that is wrong and is something I will be looking into when I get a chance to rewrite SearchPanes.

  3) If I include "bootstrap 5.3.0" in the package, some elements on the page are displayed incorrectly.

  Please link to a test case.

  Allan
• JochenK Posts: 37Questions: 4Answers: 0

  October 16

  Hi Allan,

  Surely i can link to a testcase. I want use "live.datatables.net" for this.
  But I would have to link the file "bootstrap-5.3.3.min.css" and my own inetforum.css. how do I do this there?
• allan Posts: 63,262Questions: 1Answers: 10,424 Site admin

  October 16

  <link rel="stylesheet" href="https://whateverUrlYouNeed">
  

  in the head.

  Allan
• JochenK Posts: 37Questions: 4Answers: 0

  October 16

  I already know where to place css or js files.
  But I don't have a web address where you can access my files. I should be able to integrate the files directly into the test case.

  Achim
• allan Posts: 63,262Questions: 1Answers: 10,424 Site admin

  October 16

  There isn't a way to upload files to the live.datatables.net server. Too many security implications for me to handle that on top of everything else needed for DataTables.

  The Bootstrap one is easy, just use a CDN hosted file. For your own file, if it isn't publicly accessible, use Stackbltiz or similar if you need to upload files to create a test case.

  Allan
• JochenK Posts: 37Questions: 4Answers: 0

  October 16

  ok ... I have a way to make a test case:
  https://live.datatables.net/wocimucu/1/edit

  I placed my css bootstrapo 5.3.3 differently in the head-section so that there is no longer a difference between 5.3.0 and 5.3.3.

  Then I put together a download package from " dataTables, bootstrap, fixedColumn, searchPanes, select". You see this under

  Switch the files under the sections (1) and (2) and you will notice the difference:
  - the head of the panes are diffrent
  - the paging-buttons change to blue color
  - the hight of datatable change

  And if the scroller files are removed, the paging of the panes will also be displayed.
• allan Posts: 63,262Questions: 1Answers: 10,424 Site admin

  October 16

  Thank you for the example.

  And if the scroller files are removed, the paging of the panes will also be displayed.

  Yes, as I mentioned, if Scroller isn't included then paging is enabled. This is the line of code for that. I can't honestly recall the reasoning for it and I don't really like it. I've made a note to change it in a future release. You could modify that line in your local copy at the moment.

  The header is different because the individual files version is using DataTables styling (e.g. https://cdn.datatables.net/select/2.1.0/css/select.dataTables.min.css) instead of the Bootstrap integration styling which you have selected in the download builder URL.

  Allan
• JochenK Posts: 37Questions: 4Answers: 0

  October 17

  In which File I can find the line?
  I searched in "https://cdn.datatables.net/searchpanes/2.3.3/js/dataTables.searchPanes.min.js" but couldn't find this line.

  The version of the file in github is: "private static version = '2.1.2';"
• allan Posts: 63,262Questions: 1Answers: 10,424 Site admin

  October 17 edited October 17

  You wouldn't find it in the minified file. Not easily anyway. Look in the non-min version. Then if you change it, you can reminifiy it using online tools.

  Allan