Column Search is not function well at Ipad

Column Search is not function well at Ipad

ZinnyZinny Posts: 3Questions: 1Answers: 0

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.

Answers

  • kthorngrenkthorngren Posts: 20,397Questions: 26Answers: 4,787
    edited October 2018

    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

  • ZinnyZinny Posts: 3Questions: 1Answers: 0

    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?

  • allanallan Posts: 61,917Questions: 1Answers: 10,151 Site admin

    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

  • ZinnyZinny Posts: 3Questions: 1Answers: 0

    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).

This discussion has been closed.