Resource icon

Slions - Table 2.2.13 Beta 3

No permission to download
Compatible XF 2.x versions
  1. 2.2
Visible branding
No
Extends table BB code functionalities.
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 customise appearance for your styles
You can use it like that:

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]


Feel free to sponsor me:
Source code is available on GitHub:
Author
Slion
Downloads
29
Views
797
First release
Last update

Ratings

0.00 star(s) 0 ratings

Latest updates

  1. Release v2.2.13 Beta 3

    Move style properties to their own group and rename them
  2. Release v2.2.13 Beta 2

    Add styles properties for data cells, alternate data cells and header cells Add style property...
  3. Release v2.2.13 Alpha 8

    Use templates to enable style customization
Top Bottom