faqdtl_icon Table Pro Bric

Your Cart: Your CartItem(s):
0
$0.00

Provides custom table layouts

Provides easy setup of even the most complex responsive tables and has a large selection of function & styling controls.

$25usd | Add to Cart

Are You Looking to Build Beautiful Tables Easily & Quickly ?

  •   Full responsive with custom mobile layout

  •   Full styling controls for all headers & content cells

  •   Can have multiple tables on a page

  •   Custom cell functions

  •   Works in Bootstrap 4 & 5 frameworks

  •   Works in Blocs 5

Capabilities

Beautiful

Provides simple layout of responsive rows and columns similar to spreadsheets for visitors to easily understand

Fast Setup

Quickly adjust all the controls and get tables on your site in minutes.

Admin Controls

Controls to set column layout type, border width, header & content: font, min & max text size (auto-resizing), text alignment, text color,  border color, background color, alternating row & column color, padding, table background image, mobile row button text, button symbol left margin & line-height, button padding, button border radius, thousand & decimal characters, currency support , start date, date format, long date language, skip sat/sun for date function

Cell Controls

Controls to set header & content: text, custom text color, custom background color, bold, italic, content alignment, content background image & height, column span (number) & column span (%), hide header, hide content, cell functions: line numbering, date, count rows, sum, average, maximum & minimum, prefix text

Automated

Provides automatic cell wrapping and header visibility when row cell count is different than the preset columns. Currency symbol & highest decimal support in math functions.  Height auto-adjustment on header and content rows. One-column layout on smaller mobile devices with space-saving row reveal buttons. Row button text auto-generation.

Essential

Provides modern table generator that everyone should have in their toolbox.

Admin Controls:

  •   Col. Type - Select the number of columns to use, Auto has no column limit, others are fixed number of columns, Note: Must preview to see

  •   Border Wd - Set the border widths, in px

  •   Header Font - Set the font used for the header text

  •   Hd Min T Sz - Set the header minimum text size (usually mobile), in em

  •   HMaxSz - Set the header maximum text size (usually desktop), in em

  •   Hd Txt Align - Select the header text alignment: center, left or right 

  •   Header Txt - Set the header text color

  •   Hd Bor - Set the header border color 

  •   Header BG - Set the header background color

  •   Cont Font - Set the font used for the content text

  •   Cn Min T Sz - Set the content minimum text size (usually mobile), in em

  •   CMaxSz - Set the content maximum text size (usually desktop), in em

  •   Cn Txt Align - Select the content text alignment: left, center or right

  •   Cont Txt - Set the content text color

  •   ContBor - Set the content border color

  •   Cont BG - Set the content background color

  •   Alternating Row Color - Enable alternating row color for content 

  •   Alt Row BG - Set the alternating row background color

  •   Alternating Column Color - Enable alternating column color for content

  •   Alt Col. BG - Set the alternating column background color 

  •   Pd. Top / Pd. Bot / Pd. Left / Pd. Rt - Set header & content top/bottom /left/right padding, in em 

  •   Table BG - Set the overall table background image, Note: must lower header & content bg color opacity to allow image to be seen, Must export/publish to see background image

  •   Btn. Label - Select the content columns used to create text in the mobile row buttons: : first column or first + second column

  •   Sym Mar Lft - Set the left margin for the symbol in the mobile row buttons, in em 

  •   Sy LnHt - Set the line height for the symbol in the mobile row buttons, in %, Note: use to change vertical alignment

  •   BtPd Top/Bot/Left/Rt - Set the top/bottom/left/right padding of the mobile row buttons, in em

  •   Btn Bor. Rad - Set the border radius of the mobile row buttons, in em

  •   Thou Char - Set the thousand character for numbers in cell functions

  •   DecChr - Set the decimal character for numbers in cell functions 

  •   Start Date - Set the start date for the cell date function, Format: yyyy-mm-dd

  •   Date Format - Set the date format displayed for the cell date function; yyyy-mm-dd, mm/dd/yyyy, dd/mm/yyyy or mmmm dd(comma) yyyy 

  •   Language - Set the language displayed for the cell date function: English, Dutch, French, German, Italian, Japanese, Portuguese or Spanish

  •   Skip Saturday - Skip showing a saturday date for the cell date function

  •   Skip Sunday - Skip showing a sunday date for the cell date function

Cell Controls:

  •   Header Text - Set the header text 

  •   Hdr Text - Set a custom header text color

  •   Hdr BG - Set a custom header background color

  •   Header Bold - Set a custom header to bold 

  •   Header Italic - Set a custom header to italic

  •   Content Txt - Set the content text , Note: '<br>' (without quotes) will create a line break

  •   Cont Text - Set a custom content text color

  •   Cont BG - Set a custom content background color

  •   Cont Bold - Set a custom content to bold

  •   Cont Italic - Set a custom content to italic

  •   Cont Align - Set a custom content text alignment to left, center or right

  •   ContBG Img - Set the content background image

  •   ContBG Ht - Set the content background image height

  •   Col Span - Set a custom number of columns this column will span, Note: use this control OR 'ColSp %'

  •   ColSp % - Set a custom column width, in % Note: use this control OR 'Col Span'

  •   Header Vis - Set if this cell's header should use default visibility, hidden or shown

  •   Hide Content - Enable if this cell's content should be hidden

  •   Cell Func - Select custom cell functions: Line Numbering, Date, Count Rows, Sum, Average, Maximum or Minimum  Note: 'Line Numbering' & 'Date' need to be set in a matching cell in every row, others only need to set one cell in the bottom row

  •   Prefix Text - Set custom prefix text appearing before cell function results

Please review the examples below & the FAQs page for more setup info.

Basic Column Layouts:

#
1 to 12 Fixed Columns or Auto Unlim Columns
No Content
Header-1
1
Header-2
2
Header-3
3
Header-4
4
Header-5
5
Header-6
6
Header-7
7
Header-8
8
Header-9
9
Header-10
10
Header-11
11
Header-12
12
Header-1
1
Header-2
2
Header-3
3
Header-4
4
Header-5
5
Header-6
6
Header-7
7
Header-8
8
Header-9
9
Header-10
10
Header-11
11
Header-1
1
Header-2
2
Header-3
3
Header-4
4
Header-5
5
Header-6
6
Header-7
7
Header-8
8
Header-9
9
Header-10
10
Header-1
1
Header-2
2
Header-3
3
Header-4
4
Header-5
5
Header-6
6
Header-7
7
Header-8
8
Header-9
9
Header-1
1
Header-2
2
Header-3
3
Header-4
4
Header-5
5
Header-6
6
Header-7
7
Header-8
8
Header-1
1
Header-2
2
Header-3
3
Header-4
4
Header-5
5
Header-6
6
Header-7
7
Header-1
1
Header-2
2
Header-3
3
Header-4
4
Header-5
5
Header-6
6
Header-1
1
Header-2
2
Header-3
3
Header-4
4
Header-5
5
Header-1
1
Header-2
2
Header-3
3
Header-4
4
Header-1
1
Header-2
2
Header-3
3
Header-1
1
Header-2
2
Header-1
1

Cell Functions:

#
Line Numbering
1
Date
[DATE]
Row Count
Line 1
Sum
2
Average
2
Maximum
2
Minimum
2
Line Num
2
Date
[DATE]
Row Cnt
Line 2
Sum
1
Avg
$1.0
Max
1
Min
1
Line Num
3
Date
[DATE]
Row Cnt Tot
[COUNT]
Sum Tot
[SUM]
Avg Tot
[AVERAGE]
Max Tot
[MAXIMUM]
Min Tot
[MINIMUM]

Advanced Column Spanning & Wrapping:

#
Column 1
Content 1
Column 2
Content 2
Column 3
Content 3
Column 4
Content 4
Header 1-2
Spans 2 Columns
Header 3
Content 3
Header 4
Content 4
Header 1-3
Spans 3 Columns
Header 4
Content 4
Header 1-4
Spans 4 Columns
Header 50%
50% Column Span
Header 3
Content 3
Header 4
Content 4
Header 5
Wrapped Content 5
Header 6
Wrapped Content 6

© 2018 - 2024  Parti Productions