Issue when using Responsive, colReorder and ellipsis in small view

lenamtl

Hi,

I'm using Responsive, colReorder and ellipsis plug-in.

If I reorder the column that have ellipsis and resize the page (refresh) it won't display the column content on small view, if the column appear under when toggle content.

I have inspected the code, the content of this table is not displayed

I see this we can see that there is a problem it's look like the span is duplicated
<span class="ellipsis" title="<span class=&quot;ellipsis&quot; title=&quot;Why do we use it? It is a long established fact that a reader will be distracted&quot;>Why do we use…</span>"><span&#8230;< span=""></span&#8230;<></span>

This is what it should look
<span class="ellipsis" title="Why do we use it? It is a long established fact that a reader will be distracted">Why do we use…</span>

Any clue how to fix this?

Also using the ellipsis plug-in I can see the span code when exporting or printing the table even when the span code is good.

lenamtl

I did several tests with ellipsisis and its not working well with my other plug-ins.
So I decided not to use it.

allan

Long term reply for this one - sorry! I've added a reply to the github issue for this if anyone finds this post.

Allan

lenamtl

I have replied to your port on Github, the problem is still present in small view
when I use Responsive, colReorder and ellipsis plug-in together.

To reproduce make sure you are using Responsive, colReorder with ellipsis
have enough columns to have the responsive + button
resize the window you need to be in small view / mobile view
now change the column order, you will see the content is no more visible because the span get duplicated