Datatables Sort Arrow Position

st4rbuck2013

OK so, I understand that DataTables has predefined picture for the arrows. However, I can't move it or remove it. I want to retain the sorting option. If i upload a new background arrow, the original arrow still shows.

I'm new, so sorry if my questions aren't that great. I've looked through CSS code examples to reposition the arrow, and I've tried them, to no avail. So is some other code overriding this? Again, thanks for everyone's time.

https://live.datatables.net/tojoyini/1/edit

allan

I've done it a few different ways over the years. In that version it uses UTF8 characters: ▼ and ▲.

If you don't want them, use:

table.dataTable thead > tr > th::before,
table.dataTable thead > tr > th::after {
  display: none !important;
}

https://live.datatables.net/tojoyini/2/edit

Allan

st4rbuck2013

Wow. Thank you Allan! Just got back from work and that worked perfectly. Thanks as always, hope this helps others.

Cheers