Column Search is not function well at Ipad

Zinny

https://datatables.net/extensions/fixedheader/examples/options/columnFiltering.html

implementation just like the example above. Everything's working fine. When tested at Ipad. Once i type the single alphabet at the column search textbox, the keyboard at Ipad will gone. I need to tap at the column search text again. The keyboard will launch again.

If the column filtering implmented as footer, everything will working as expected.
https://datatables.net/extensions/fixedcolumns/examples/styling/col_filter.html

Anyone know how to solve this? if i wanna make the column search at header.
Thanks.

kthorngren

Without know how you implemented this in the header its hard to say. I suspect that you have only one header row and the column is sorting at the same time. You may need to use two header rows as in this example:
http://live.datatables.net/giharaka/1/edit

Kevin

Zinny

Thanks for the prompt response.

I tested your example in Ipad. Everything is working as expected.

I tried this implementation into mine. It's seems still persist due to my data table using fixed header extension.

fixedHeader: {
header: true
, headerOffset: $('#naviHeader').height() + $('#naviBelowHeader').height()
},

if i turned off the fixed header. Everything will working fine. If i turn on it, the problem still persisting.

Any idea for this?

allan

My guess is that the iPad is loosing the focus due to the redraw for the header on search. I'll take a look into this, thanks for flagging it up, but in the mean time you would probably need to disable FixedHeader on iPad.

Allan

Zinny

HI Allan,

I have use this approach to solve my issue. It's seems working as expected, but I not sure what the impact to others.

https://datatables.net/forums/discussion/31868

update: function ()
{

this._positions();

this._scroll(** false **);

},

i'm using dataTables.fixedHeader.js (3.1.2).