I have a table where there are multiple instances of the "Show ___ entries" control showing in a table. (see toomany.png)

Looking at the browser console I see that there are a total of three divs generated for that control:

<div id="table_7_length" class="dataTables_length"></div>

<div class="dataTables_length"></div>

<div class="dataTables_length"></div>

Of course the last two are extraneous.

I have three other tables on the page and they look fine. (see isfine.png)

Though I can imagine fixing this with javascript I am hoping you can suggest a fix. 

Mark Lee

Hi Bogdan,

I want just 1 "Show__entries" for each tab. 

It looks to me as if wpDataTables is generating 2 extra divs on the table (see toomany.png).

Is there something I can do to prevent the extra <div>s from being generated?

Mark

Bogdan,

I would like to give you a link but my company's policies don't allow this. 

It really does look to me as if there is a bug - at least in this particular table.

As I pointed out below it does look as if there is code creating three divs that render "Show ____ entries" controls:

<div id="table_7_length" class="dataTables_length"></div>
<div class="dataTables_length"></div>
<div class="dataTables_length"></div>

You can see this in the following screen shots: divA.png   divB.png   divC.png

To me this is a bug. 

Can you see anything from the screen shots?

Mark

Hi Bogdan,

It's really not a clash of CSS with the theme. At least I don't think so. As you can see from the screen shots, those controls are generated as extra <div> elements. What is puzzling is that there are three other tables on the page and they display the "Show ____ entries"  control correctly and there is only one on each. 

I wrote some javascript to remove the extra elements:

elements = document.getElementsByClassName('dataTables_length');
elements[4].remove();
elements[4].remove(); //repeated because the previous call shrinks the collection by one. 

Best regards,

Mark

Hi Bogdan,

I wish I could give you access to the page but that is against company policy. 

However, I  am happy to perform a debugging session for you if you like. Please supply the steps or data you need.

Do you can agree that extra divs are going to be introduced by the table generation code? It is using your css class, "dataTables_length".

I wish I knew what is happening on the back end to cause this. If you think this is specific to my installation then we can close this since I have found a way to remedy the problem.

Best regards,

Mark