Search code examples
jquerydatatablejquery-pluginsbootstrap-5pseudo-class

How do I remove the before and after arrow only from one <th></th> table?

I'am trying to remove the pseudo Css class (before and after) from this first <th>#</th> tag, from a table (bootstrap and responsive Datable plugin)... is there a way to remove this using I don't know... javaScript --> Jquery?

This image will make this clear... image

Solution

  • The question needs some more explanation.

    For example, if you are using the JS plugin developed by DataTables.net, the sort tokens are a background image. In this case, it is sufficient to add a style element at the end of the page to destroy them.

    <style>
   .sorting,
   table.dataTable thead .sorting_asc,
   table.dataTable thead .sorting_desc {
      background-image:unset  !important;
   }
</style>