- Compatible XF Versions
- 2.2
Extends table BB code functionalities.
It should not break your existing tables.
It should not break your existing tables.
- Add TH and TD BB code support for colspan, rowspan, and style options
- Add TABLE BB code support for style and class options
- Add WYSIWYG table editor cell button to merge or split table cells
- Add WYSIWYG table editor cell background button to change cell color
- Add WYSIWYG table editor resizing handle
- Add WYSIWYG table editor style button: dashed borders and alternate rows
- Responsive design: force table width to 100% on narrow screens
- Use style properties to customize look and feel
Code:
[TABLE style='width: 50%;margin-left: auto;margin-right: auto;' class='fr-alternate-rows']
[TR]
[TH style='width: 26.8507%;'][CENTER]One[/CENTER][/TH]
[TH colspan='2' style='width: 33.0302%;'][CENTER]Two & Three[/CENTER][/TH]
[TH style='width: 39.9206%;'][CENTER]Four[/CENTER][/TH]
[/TR]
[TR]
[TD colspan='2' rowspan='2' style='width: 41.812%;'][CENTER]Up[/CENTER][/TD]
[TD style='width: 18.0712%;'][CENTER]1[/CENTER][/TD]
[TD style='width: 39.9206%;'][CENTER]2[/CENTER][/TD]
[/TR]
[TR]
[TD style='width: 18.0712%;'][CENTER]3[/CENTER][/TD]
[TD style='width: 39.9206%;'][CENTER]4[/CENTER][/TD]
[/TR]
[TR]
[TD style='width: 26.8507%;'][CENTER]5[/CENTER][/TD]
[TD style='width: 14.9526%;'][CENTER]6[/CENTER][/TD]
[TD colspan='2' rowspan='2' style='background-color: rgb(235, 107, 86);width: 58.0199%;'][CENTER][COLOR=rgb(65, 168, 95)][B]Down[/B][/COLOR][/CENTER][/TD]
[/TR]
[TR]
[TD style='width: 26.8507%;'][CENTER]7[/CENTER][/TD]
[TD style='width: 14.9526%;'][CENTER]8[/CENTER][/TD]
[/TR]
[/TABLE]