Answers

• kthorngren Posts: 21,336Questions: 26Answers: 4,951

  May 8

  I was able to replicate the issue with this test case:
  https://live.datatables.net/yaroyala/4/edit

  @allan will need to take a look.

  Kevin
• Charles_KB Posts: 1Questions: 0Answers: 0

  May 29

  Hello I have the exact same issue when paging to page 2 :

  • fixedColumns are not fixed anymore
  • this error shows in console

  package.json :

  "dependencies": {
      "@eonasdan/tempus-dominus": "^6.9.5",
      "@popperjs/core": "^2.11.8",
      "autonumeric": "^4.10",
      "bootstrap": "^5.3",
      "bootstrap-icons": "^1.11",
      "datatables.net-fixedcolumns-bs5": "^5.0.0",
      "dropzone": "^5.5",
      "jquery": "^3.7",
      "jquery.scrollto": "^2.1",
      "tom-select": "^2.3.1"
  },
  "devDependencies": {
      "@symfony/webpack-encore": "^1.7.0",
      "@types/bootstrap": "^5.2.10",
      "@types/jquery": "^3.5.29",
      "@types/jquery-migrate": "^3.3.3",
      "core-js": "^3.0.0",
      "eslint": "^8.0.1",
      "eslint-config-standard": "^17.1.0",
      "eslint-plugin-import": "^2.25.2",
      "eslint-plugin-n": "^15.0.0 || ^16.0.0 ",
      "eslint-plugin-promise": "^6.0.0",
      "file-loader": "6.0.0",
      "jquery-migrate": "^3.4.1",
      "postcss": "^8.4.29",
      "regenerator-runtime": "^0.13.2",
      "sass": "^1.72.0",
      "sass-loader": "^12.0.0",
      "stylelint": "^16.3",
      "stylelint-config-standard": "^36.0",
      "stylelint-config-standard-scss": "^13.0.0",
      "stylelint-scss": "^6.2.1",
      "ts-loader": "^9.0.0",
      "typescript": "^5.4.2",
      "typescript-eslint": "^7.2.0",
      "webpack-notifier": "^1.6.0"
  },
  

  Thanks for your help

  Charles
• allan Posts: 63,498Questions: 1Answers: 10,471 Site admin

  May 29

  If you update to DataTables 2.0.8 the issue should now be resolved.

  Allan
• eggys Posts: 1Questions: 0Answers: 0

  October 14

  I have same issue

  /*! FixedColumns 5.0.0
  * © SpryMedia Ltd - datatables.net/license
  */

  have you solve the problem? how?
• kthorngren Posts: 21,336Questions: 26Answers: 4,951

  October 14

  @eggys What version of Datatables are you using?

  Looks like the issue was fixed in the Datatables library not FixedColumns. Use the Download Builder to get the latest versions.

  Kevin
• allan Posts: 63,498Questions: 1Answers: 10,471 Site admin

  October 14

  @eggys I'd suggest you update to FixedColumns 5.0.3 and also update any other DataTables software you are using. If you still have a problem after that, post a link to a test case showing the issue, and I'll take a look.

  Allan
• choc Posts: 95Questions: 11Answers: 8

  October 14 edited October 14

  In @kthorngren 's test case, I also observe header misalignment issue. It would be appreciate that can have a look too.

  It seems that the padding is not the only cause of the misalignment!?

  In this post I thought it was related to the padding, but it seems that the main cause is the use of scrollX. (More generally, if the horizontal scrollbar is shown even when scrollX: false)

  https://live.datatables.net/yaroyala/53/edit?html,js,output

  (I updated to FixedColumns 5.0.3 in the test case)

  

  The issue occurs when you switching to different pages.
  Note that switching from page 1 to page 2 may not be enough to see the misalignment. I only see it clearly on page 3.

  Chrome Version 129.0.6668.101 (Official Build) (64-bit) on Win 10
• allan Posts: 63,498Questions: 1Answers: 10,471 Site admin

  October 14

  Thanks @choc.

  I can see it going the other way:

  

  Damn I hate column alignment issues. It is truly the worst part of maintaining DataTables.

  This was Firefox 128 / KDE.

  Allan
• allan Posts: 63,498Questions: 1Answers: 10,471 Site admin

  October 17

  Could you try the current nightly please? Make sure you include the query string so you don't get an old cached version.

  Allan