Advanced interaction
features for your tables.

Comprehensive editing
library for DataTables.

Manual

Download

≡ Show site navigation

change the background color of inputted text in search/input box and remove color if no text

change the background color of inputted text in search/input box and remove color if no text

soma1204 Posts: 34Questions: 6Answers: 0

March 2022 in DataTables

Hi,

i want to change the background color of text when text exist in input box and remove color when text is removed.
Do we have any option of it?

Thanks
Soma

Answers

soma1204 Posts: 34Questions: 6Answers: 0

March 2022

This is search-box in databtables.

colin

colin Posts: 15,177Questions: 1Answers: 2,590

March 2022

You can use search to trigger the colour change - something like this:

  table.on('search', function() {
    $('.dataTables_filter input').css('background-color', table.search() === ''? 'transparent' : 'red')
  })

Colin

soma1204 Posts: 34Questions: 6Answers: 0

March 2022

It worked. Thanks Colin for quick help.
Appreciate your time.

Thanks
Soma

or Register to comment.