Hi everyone i would like to resize my table on the mobile version of my website. The columns are too large and not propper i would like someone to help me please. Here is the link :
https://lesexy78.wixsite.com/website-3/autres-operations-pro
Please need your help
You can customize the mobile layout of your site using the Mobile Editor .
This forum is dedicated to Corvid. If you need further details or clarification, I would recommend contacting the Wix support team , as they know best.
Thank you Yisrael for your answer. However my table has the following code :$w(‘#table’).columns = columns;
// build columns for table
let rows = await getStores(checkGFirm, checkGPro)
$w(‘#table’).rows = rows;
$w(‘#table’).show();
$w(‘#textLoading’).hide();
}
So it is not possible to resize based on the mobile editor. This why I am asking your assistance to how to resize columns or fixed the first column with code.
Regards
One way would be to check for form factor and then use the appropriate code.
Thank you for your assistance Yisrael. However after adding the following code: import wixWindow from ‘wix-window’;
// …
let formFactor =“Mobile” //wixWindow.formFactor; // “Mobile”
I got the same results. It does not work.
You can’t just simply copy and paste the code into your site, it will not work.
You need to understand how to use it to apply it to your site.
See the pages here as well which will show you how to do it for mobile only code…
https://support.wix.com/en/article/corvid-writing-code-that-only-runs-on-mobile-devices
https://support.wix.com/en/article/corvid-tutorial-displaying-elements-in-mobile-only
I’ve literally been looking for a fix for this through piles and piles of threads and it’s leading back to the same thing of trying to code it yourself and it ends up not working. I think it’s safe to say that Wix cannot just display mobile data tables and we’re all screwed. I’ve combed the site and I’ve read material dating back to 2017 and everyone directly points you to form factor and it not working. Which is a shame because I don’t see how a data table cannot function on a mobile website. Even if we code it correctly through dev mode it still comes out “wrong” and it baffles me. You literally give us the option to write a source code and it still doesn’t work. I’m having to take the long way around and formulate a “desktop view” and even then, no one is going to want to click that or understand you need to click it in order to be able to view a simple table. Sure would be nice if form factor would actually work when you’re trying to redirect a mobile page to a desktop page. I would also believe those articles above me if I hadn’t already tried that. Everyone keeps giving advice and I’ve yet to see any realistic proof of a table working on the mobile-side.
Referring to posts “dating back to 2017”? A lot has changed since then.
Explain what you are trying to do, what works, and what doesn’t. Also, add any code in a code block as stated in the Forum Guidelines.
For questions that are not related to code you can contact Wix Customer Care . You’ll get better help for your problem there.
I let frustration get the better of me and found my own workaround. Thank you for the reply. In my defense, I did reply to a post 3 years old because it was still “open” and not closed and it was related to my specific problem. I’d like to apologize for my search bar capabilities leading me to this specific thread aside from "Mobile Responsive Tables - ETA dated back in August of 2017 and a resize element guide dated back in Jan. 2018. I’ve found a semi-workaround. It’s not perfect and it’s honestly annoying but I’ll figure it out.
Instead of a table, why not use Repeaters . They are more powerful, and have much greater layout and design capabilities.
I do appreciate you pointing out something new for me that I’ve never heard of so i’ll do some research on it and see if it works out for me. Thank you for the assistance and also pointing out the reference guide that I had no idea existed.
I have the same issue, and yes it seems Wix table created within a blog post is not optimised for mobile view.