XF 2.1 bbcode Table width?

[Mr. Jinx]

Using the table bbcode, all tables are always full width 100%.
Would it be possible to remove the 100% width, so the tables get the normal size?

I looked at the CSS code, but it seems hardcoded as it is defined is the element:

<table style="width: 100%">

In XF 2.0 I used the Editor & BB Code Manager (KL Editor Manager) which had the 'table=collapse' option.
This addon seems a bit overkill for 2.1 if you only use it for tables support. So I could uses this addon again, but was hoping for a better / cleaner solution.

 

[mph]

I looked at the CSS code, but it seems hardcoded as it is defined is the element:

I think you are searching in the wrong template. The CSS for the table BBCode is defined here:

 

[Mr. Jinx]

Thnx, I know, but the problem is that the table width is placed in the element. This means it will override all css settings:



As far as I know, there is no easy way to overwrite this using css?

ps: I know where to edit this in the core file but that is a bit nasty.

 

[mph]

But you can change the class bbTable or overwrite it in the extra.less. The table is inside the div. A smaller div will normaly make the table smaller, too.

 

[Mr. Jinx]

Then you are forcing it to certain width but that is not what I want.
I want to remove the width completely so the table gets as small or big as it needs to.

This:


Instead of:

 

[Mr. Jinx]

In case someone needs this functionality.. I made a small addon for this:

[OzzModz] Table BBcode Tweak

This add-on is shared with the Xenforo community for free without branding. Donations are welcome by just liking this add-on or leaving a nice review, that's all! :love: By default all BBcode tables are full width (100%) with XenForo 2.1 / 2.2...

xenforo.com

 

[jcgriff2]

What exactly does "collapse" do in a table vs. normal?

I've used tables in vB and now in XF, but that is not an option that I know of.

Thanks. . .

jcgriff2

 

[djbaxter]

It's used in this addon to make the table fit the contents, so if the cell contents are short the width decreases.