{"id":276,"date":"2014-06-26T13:01:28","date_gmt":"2014-06-26T13:01:28","guid":{"rendered":"http:\/\/codestarlive.com\/themes\/routewp\/?page_id=276"},"modified":"2014-06-26T13:01:28","modified_gmt":"2014-06-26T13:01:28","slug":"tables","status":"publish","type":"page","link":"https:\/\/pruebas.forga.es\/index.php\/shortcodes\/tables\/","title":{"rendered":"Tables"},"content":{"rendered":"
Table Basic<\/span><\/div><\/div>

For basic styling\u2014light padding and only horizontal dividers\u2014add the base class\u00a0.cs-table<\/code>\u00a0to any\u00a0<table><\/code>. It may seem super redundant, but given the widespread use of tables for other plugins like calendars and date pickers, we’ve opted to isolate our custom table styles.<\/p>\n<\/div>\n\n\n\n\n\n\n
#<\/th>\nFirst Name<\/th>\nLast Name<\/th>\nUsername<\/th>\n<\/tr>\n<\/thead>\n
1<\/td>\nMark<\/td>\nOtto<\/td>\n@mdo<\/td>\n<\/tr>\n
2<\/td>\nJacob<\/td>\nThornton<\/td>\n@fat<\/td>\n<\/tr>\n
3<\/td>\nLarry<\/td>\nthe Bird<\/td>\n@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><\/div><\/div><\/div><\/section>
Table Striped rows<\/span><\/div><\/div>

Use .cs-table-striped<\/code> to add zebra-striping to any table row within the <tbody><\/code>.<\/p>\n<\/div>\n\n\n\n\n\n\n
#<\/th>\nFirst Name<\/th>\nLast Name<\/th>\nUsername<\/th>\n<\/tr>\n<\/thead>\n
1<\/td>\nMark<\/td>\nOtto<\/td>\n@mdo<\/td>\n<\/tr>\n
2<\/td>\nJacob<\/td>\nThornton<\/td>\n@fat<\/td>\n<\/tr>\n
3<\/td>\nLarry<\/td>\nthe Bird<\/td>\n@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><\/div><\/div><\/div><\/section>
Table Bordered<\/span><\/div><\/div>

Add .cs-table-bordered<\/code> for borders on all sides of the table and cells.<\/p>\n<\/div>\n\n\n\n\n\n\n
#<\/th>\nFirst Name<\/th>\nLast Name<\/th>\nUsername<\/th>\n<\/tr>\n<\/thead>\n
1<\/td>\nMark<\/td>\nOtto<\/td>\n@mdo<\/td>\n<\/tr>\n
2<\/td>\nJacob<\/td>\nThornton<\/td>\n@fat<\/td>\n<\/tr>\n
3<\/td>\nLarry<\/td>\nthe Bird<\/td>\n@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><\/div><\/div><\/div><\/section>
Table Hover<\/span><\/div><\/div>

Add .cs-table-hover<\/code> to enable a hover state on table rows within a <tbody><\/code>.<\/p>\n<\/div>\n\n\n\n\n\n\n
#<\/th>\nFirst Name<\/th>\nLast Name<\/th>\nUsername<\/th>\n<\/tr>\n<\/thead>\n
1<\/td>\nMark<\/td>\nOtto<\/td>\n@mdo<\/td>\n<\/tr>\n
2<\/td>\nJacob<\/td>\nThornton<\/td>\n@fat<\/td>\n<\/tr>\n
3<\/td>\nLarry<\/td>\nthe Bird<\/td>\n@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><\/div><\/div><\/div><\/section>
Table Condensed<\/span><\/div><\/div>

Add .cs-table-condensed<\/code> to make tables more compact by cutting cell padding in half.<\/p>\n<\/div>\n\n\n\n\n\n\n
#<\/th>\nFirst Name<\/th>\nLast Name<\/th>\nUsername<\/th>\n<\/tr>\n<\/thead>\n
1<\/td>\nMark<\/td>\nOtto<\/td>\n@mdo<\/td>\n<\/tr>\n
2<\/td>\nJacob<\/td>\nThornton<\/td>\n@fat<\/td>\n<\/tr>\n
3<\/td>\nLarry<\/td>\nthe Bird<\/td>\n@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><\/div><\/div><\/div><\/section>
Table Responsive<\/span><\/div><\/div>

Create responsive tables by wrapping any .cs-table<\/code> in .cs-table-responsive<\/code> to make them scroll horizontally on small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.<\/p>\n<\/div>

\n\n\n\n\n\n\n
#<\/th>\nFirst Name<\/th>\nLast Name<\/th>\nUsername<\/th>\n<\/tr>\n<\/thead>\n
1<\/td>\nMark<\/td>\nOtto<\/td>\n@mdo<\/td>\n<\/tr>\n
2<\/td>\nJacob<\/td>\nThornton<\/td>\n@fat<\/td>\n<\/tr>\n
3<\/td>\nLarry<\/td>\nthe Bird<\/td>\n@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"

Leer m\u00e1s<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":187,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-276","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pruebas.forga.es\/index.php\/wp-json\/wp\/v2\/pages\/276","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pruebas.forga.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pruebas.forga.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pruebas.forga.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pruebas.forga.es\/index.php\/wp-json\/wp\/v2\/comments?post=276"}],"version-history":[{"count":0,"href":"https:\/\/pruebas.forga.es\/index.php\/wp-json\/wp\/v2\/pages\/276\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/pruebas.forga.es\/index.php\/wp-json\/wp\/v2\/pages\/187"}],"wp:attachment":[{"href":"https:\/\/pruebas.forga.es\/index.php\/wp-json\/wp\/v2\/media?parent=276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}