Answers

• allan Posts: 62,056Questions: 1Answers: 10,173 Site admin

  February 15

  Hi,

  You can control the class names that are automatically assigned to a type through the new DataTable.type() method (some discussion on the built in types here).

  For example:

  DataTable.type('date', 'className', ' ');
  
  new DataTable('#example');
  

  Interestingly it ignores the setting if you pass an empty string - that's an error I'll correct.

  You could assign other classes if you prefer. It looks like dt-type-date will take preference over dt-left regardless of order in the class list, I suspect due to the ordering in the CSS. I'll look at that as well.

  Thanks for flagging this up.

  Allan
• mc2002tii Posts: 7Questions: 2Answers: 0

  February 16

  A related problem is that dt-type-date alignment also right-aligns the th cell causing it to overlap with the sorting arrows (at least on Bootstrap 5).
• allan Posts: 62,056Questions: 1Answers: 10,173 Site admin

  February 16

  I'm not seeing that here or here.

  Are you able to give me a link to a page that is showing the issue please? It sounds like the padding that the DataTables / Bootstrap integration stylesheet is applying to the header for exactly that reason isn't on the table you are looking at for whatever reason.

  Allan
• mc2002tii Posts: 7Questions: 2Answers: 0

  February 20

  I figured out where the problem is happening. My table uses table-sm to reduce the padding in the cells. If you add the table-sm class to the live.datatables.net link above it reproduces the problem I am seeing.
• allan Posts: 62,056Questions: 1Answers: 10,173 Site admin

  February 20

  Brilliant! Thanks for letting me know about that. I've committed a fix which will be in DataTables 2.0.1.

  Regards,
  Allan
• mc2002tii Posts: 7Questions: 2Answers: 0

  February 20

  I appreciate it. Thank you!