Get 2024 Templates Mega Bundle!19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets
Get for 99$

Yajra Datatable head columns change alignment when clicked


using Metronic Laravel 8.2.5 and self implementing Yajra Datatable, I found this "bug" for which when a head column (the title of a column) is clicked to apply its ordering on the table the head title switch from alignment lef to alignment right.

When clicked the title changes classes, however the two classes are called exactly the same but they come from different js files. One dictates align left while the other align right. I guess the correct behaviour to avoid switching is for the title to keep the original align left class but I don't know how to properly disable the class switching.

Maybe some one can help me?

I'll attach a screenshot of the two classes switching their places (circled in blue):


Text formatting options
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (0)