EA Data Table content alignment in mobile view broken

@authentictech,

Hi, there. We have found the issue you are referring to and we will fix it in the next update. Thank you.

@authentictech,

Hi, there. We have released a new version of EA Free 3.6.2. It should fix this issue with EA Data Table. So, please update to the new verison and let me know how it goes.

Thank you.

Yes, that has fixed things. Thanks very much. ??

Broken again on 3.7.1. It’s centering again on mobile view

• This reply was modified 5 years, 1 month ago by stevedavenport.

Hi @stevedavenport

Could you please, share the page URL where you are facing the problem actually? Also, tell me about your requirements. What you want this to look like.

On the other hand, make sure you are using the latest versions of the Free ( 3.7.1 ) & Pro ( 3.4.2 ) plugins.

Thank you.

@shamser_suzon I can confirm that the problem I described in my opening post has reverted and is happening again in the latest plugin release.

Hi @authentictech,

Please, share the page URL where you are facing the issue. I will check and get back to you with a solution soon.

Thank you.

Hello @shamser_suzon

My website is not on a public URL but it’s exactly the same issue as described in my original post with screenshots of the broken code. It was fixed as noted by @rafinkhan but lately this part of the code was reverted to the old state. Perhaps @rafinkhan can point out what was done before to fix it.

Thanks.

Has this issue been looked at??
I am experiencing the same!!!

Thanks!

@rafinkhan or @shamser_suzon

can you check this again please!
I have the same issue.
In mobile view the alignment is broken an is always displayed centered (although I would like it to be left).

please fix this!

@stefaniehoedlmoser

Here is my temporary fix in CSS if you need it:

div.eael-table-align-left div.td-content,
div.eael-dt-th-align-left div.td-content,
div.eael-dt-td-align-left div.td-content
{
	justify-content: start;
}

div.eael-table-align-right div.td-content,
div.eael-dt-th-align-right div.td-content,
div.eael-dt-td-align-right div.td-content
{
	justify-content: end;
}

div.eael-table-align-center div.td-content,
div.eael-dt-th-align-center div.td-content,
div.eael-dt-td-align-center div.td-content
{
	justify-content: center;
}