display:table-row-group not working with version dt-1.11.3
display:table-row-group not working with version dt-1.11.3
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
Not sure what that is doing in your case and why it would be a problem. According to the able-row-group:
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
There must have been some changes from 1.10.24 to 1.10.25.
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
Kevin
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>