Search field of jQuery datatable

Asked

Viewed 526 times

1

I’m using the jQuery Datatable component. In the visualization in the computer the table with the search field is ok, but when viewing in the cell the field exceeds the panel where it is inserted, as can be seen in the image below:

inserir a descrição da imagem aqui

How can I fix this?

jquery
  • 1

    Try this on your CSS: input[type="search"]{ max-width: 10%; }... the intention is to leave too small to see if it has any effect... then you increase this value of 10% until it is in the ideal size.

  • Thanks for the help.

1 answer

1


Insert a style into your CSS to limit the width of the input:

input[type="search"]{
    max-width: 80%;
}

The selector input[type="search"] takes the default Datatables search element. Adjust the value of 80% more or less as it does not pass the panel.

Browser other questions tagged jquery

You are not signed in. Login or sign up in order to post.