display:table-row-group not working with version dt-1.11.3

display:table-row-group not working with version dt-1.11.3

assos40assos40 Posts: 3Questions: 1Answers: 0

Hi,
Following this example https://datatables.net/examples/api/multi_filter.html i have Individual column searching implemented.
And following some comments i am showing the footer search at the top.
tfoot { display: table-row-group; }
Everything was working fine until i updated datatables from 1.10.24 to 1.11.3.
Seems like display: table-row-group does not have any affect.
Did not changed any code.The code is excly the same.
my old cdn
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs/dt-1.10.24/b-1.7.0/sl-1.3.3/datatables.min.css" />

my new cdn
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs/dt-1.11.3/b-2.1.1/sl-1.3.4/datatables.min.css" />

Can someone please help.
Thank you

Answers

  • kthorngrenkthorngren Posts: 21,261Questions: 26Answers: 4,934

    And following some comments i am showing the footer search at the top.
    tfoot { display: table-row-group; }

    Not sure what that is doing in your case and why it would be a problem. According to the able-row-group:

    table-row-group (In HTML: TBODY)
    Specifies that an element groups one or more rows.

    The best thing to do is provide a link to your page or a test case showing the issue so we can help debug.
    https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

    Here is an example with select searches in the header, maybe it will help:
    http://live.datatables.net/saqozowe/2/edit

    Kevin

  • assos40assos40 Posts: 3Questions: 1Answers: 0

    There must have been some changes from 1.10.24 to 1.10.25.
    But i can not figure out how to fix it.

  • kthorngrenkthorngren Posts: 21,261Questions: 26Answers: 4,934

    But i can not figure out how to fix it.

    Thats why we ask for a test case so you can show us what you are doing. Just posting a single line of CSS code won't help us to help you :smile:

    Kevin

  • assos40assos40 Posts: 3Questions: 1Answers: 0

    Finaly Issue resolved , by adding a <tbody> tag.
    Until 1.10.24 i was not using a <tbody> tag with no problem.
    My code looked like
    <div class="container"> <table class="display nowrap" width="100%" id="transactionsTable"> <thead> <tr> <th>Date</th> </tr> </thead> <tfoot> <tr> <th>Date</th> </tr> </tfoot> </table> </div>

    Now it looks like
    <div class="container"> <table class="display nowrap" width="100%" id="transactionsTable"> <thead> <tr> <th>Date</th> </tr> </thead> <tfoot> <tr> <th>Date</th> </tr> </tfoot> <tbody> </tbody> </table> </div>

Sign In or Register to comment.