[vc_row el_position=»first last»] [vc_column width=»2/3″] [td_text_with_title title=»Tables» style=»style_3″ el_position=»first last»]

Table examples

[table]
Description,Example[attr sort=»asc»],Code
red color,important message,20.000
orange color,funny message,15.000
yellow color,warning message,2.000
green color,success message,14.950
blue color,info message,19.250
[/table]

Get the code

Tables with different style

[table attr class=»table-bordered»]Make,Quantity, Price[attr sort=»asc»]
Ford,6,23.000$
Honda,7,5500$
Buick,1,54.000$
Audi,3,12.000$
[/table]

Get the code


[table attr class=»table-striped»]Make,Quantity, Price[attr sort=»asc»]
Ford,6,23.000$
Honda,7,5500$
Buick,1,54.000$
Audi,3,12.000$
[/table]

Get the code


[table attr class=»table-condensed»]Make,Quantity, Price[attr sort=»asc»]
Ford,6,23.000$
Honda,7,5500$
Buick,1,54.000$
Audi,3,12.000$
[/table]

Get the code

Table with custom width and align

[table attr class=»table-bordered»]Make [attr width=»200″] (200px width),Quantity, Price[attr sort=»asc» align=»right»] (align to right)
Ford,6,23.000$[attr style=»text-align:right»]
Honda,7,5500$[attr style=»text-align:right»]
Buick,1,54.000$[attr style=»text-align:right»]
Audi,3,12.000$[attr style=»text-align:right»]
[/table]

Get the code

Table with auto index, start from number 1, titled Nr. and 40px width

[table ai=»1/Nr./40″]
Description,Example,Code
red color,important message,20.000
orange color,funny message,15.000
yellow color,warning message,2.000
green color,success message,14.950
blue color,info message,19.250
[/table]

Get the code

Table with new line in a cell

[table attr class=»table-bordered»]
Description,Example,Code
red color,important message~~required~~pages,20.000
orange color,funny message,15.000
yellow color,warning message,2.000~~3.000
green color,success message,14.950
blue color,info message,19.250
[/table]

Get the code

Table from CSV file

[table file=»https://tagdiv.com/theme/portfolios_black/wp-content/uploads/2012/12/price.csv»][/table]

Get the code

Customization options

[table]
Parameter[attr sort=»asc»],Description[attr sort=»false»]
sort,»used to sort a column – false, desc, asc»
ai,»from auto index – 1/Nr./50 – starting from 1/Title of the column/width of the column»
file,to import data from a CSV file
class,»predefined style like table-bordered, table-striped, table-condensed»
width,give a size of the table or specific column
[/table]

[/td_text_with_title] [/vc_column] [vc_column width=»1/3″] [vc_widget_sidebar sidebar_id=»sidebar-1″ el_position=»first last»] [/vc_column] [/vc_row]

Comparte esto:

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

A %d blogueros les gusta esto: