header and body does not horizontally scroll when press tab on search box in table

header and body does not horizontally scroll when press tab on search box in table

shubhgupta2shubhgupta2 Posts: 6Questions: 2Answers: 0

Hi,
I am using datatable 1.10.25 with some other datatble extensions. I have created individual search boxes for the columns.
Issue: - using tabs on the footer search box only the tab is moving in the next search box header and body column doesn't scroll.
Is there any way we can keep in sync the table body and header with search boxes?

example:- live.datatables.net/momojoto/1/edit

Answers

  • colincolin Posts: 12,948Questions: 0Answers: 2,206

    There's only a very small scrollbar in that example, and that appears to be behaving as expected to me. Can you give steps on how to reproduce the problem, please.

    Colin

  • shubhgupta2shubhgupta2 Posts: 6Questions: 2Answers: 0

    Hi Colin,
    Thanks for replying.
    Steps:- when you click to the first seacrh box (Search Name) and then press keyboard tab button and reach to the fourth column search box you will observe that search box scrolled properly. However, table body and header does not scrolled in sync with search boxes.
    Please refer the screen shot for more clarification.

  • colincolin Posts: 12,948Questions: 0Answers: 2,206

    I'm definitely not seeing that, probably because the area doesn't need to scroll for me. I've tried on both FF and Chrome. What's your setup there?

  • shubhgupta2shubhgupta2 Posts: 6Questions: 2Answers: 0

    I am doing in chrome version 91.0.4472114.
    Ok I have created one more example live.datatables.net/momojoto/3/edit

    here I have added some more columns may be now you can try to replicate it.

  • allanallan Posts: 54,909Questions: 1Answers: 8,606 Site admin

    I'm seeing that as well, both Chrome and Firefox. Unfortunately, I don't have a fix for that at the moment. It is caused by there not being a scroll event listener on the footer (we've not needed it before!). I'll need to have a think about this as it will involve dynamic detection of which element is triggering the scroll. The header probably has the same issue thinking about it.

    Allan

Sign In or Register to comment.