customizing dom element styles

hnhegde

Hello Folks,
I am looking to apply custom styling to dom elements. I came across this manual for the editor. Wonder if there is a similar manual for the DataTables. Would appreciate if someone can kindly point me to the relevant pages.

I also found this thread, answered previously. However, I am not looking to change the datatables provided css. I would like to override with my own styles.

In particular, I am trying to embed a fontawesome icon inside the search box and to replace the pagination texts "Previous" and "Next" with "<" and ">" icons.

Thanks,
Harsha

colin

Hi @hnhegde ,

This blog post should help, it's talking about the same thing.

Cheers,

Colin

hnhegde

Thanks @colin ,
I found it simpler to use 'language' options and customize the pagination icons.
language: { "paginate": { "next": "<i class='fas fa-angle-right'></i>", "previous": "<i class='fas fa-angle-left'></i>" } }