XF 2.0 How to make Responsive Tables in Xenforo ?

[onesoftindiana]

I'm using Tables in my post but they are not responsive on mobile and seem to look odd.

Is there a way to make them responsive ?

 

[djbaxter]

How are you sizing the table and table cells? Try using % instead of px.

 

[onesoftindiana]

I'm using this plugin - https://xenforo.com/community/resources/editor-bb-code-manager.5657/

Where do I change from px to % ?

 

[djbaxter]

I don't know that plugin but go into source mode when you're posting.

If you see something like this:

[table]

change it to

[table "width=80%"]

or something similar.

If you see something like this:

[table "width=400px"]

change it to

[table "width=80%"]

Play around with the values to get it the way you want it.

 

[onesoftindiana]

I tried these codes but it didn't work. I should probably discuss it on the plugins page.

 

[Mr Lucky]

I should probably discuss it on the plugins page.

That's exactly the correct thing to do!

However I am under the impression that plugin does create responsive tables in that the table width is 100% and the cell width is the appropriate % for the number of columns.

 

[Mr Lucky]

One more thing, trying to get a large number of columns, each with longish words, to display on a phone is never going to work well, but you can improve by reducing size of text and cell padding but there will be a limit - this is the nature of tables I'm afraid.