{"page":{"id":101209833704,"body_html":"\n\u003cdiv class=\"postcontent row nobottommargin clearfix\"\u003e\n\u003ctable class=\"table\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003e#\u003c\/th\u003e\n      \u003cth\u003eFirst Name\u003c\/th\u003e\n      \u003cth\u003eLast Name\u003c\/th\u003e\n      \u003cth\u003eUsername\u003c\/th\u003e\n    \u003c\/tr\u003e\n  \u003c\/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e1\u003c\/td\u003e\n      \u003ctd\u003eMark\u003c\/td\u003e\n      \u003ctd\u003eOtto\u003c\/td\u003e\n      \u003ctd\u003e@mdo\u003c\/td\u003e\n    \u003c\/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e2\u003c\/td\u003e\n      \u003ctd\u003eJacob\u003c\/td\u003e\n      \u003ctd\u003eThornton\u003c\/td\u003e\n      \u003ctd\u003e@fat\u003c\/td\u003e\n    \u003c\/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e3\u003c\/td\u003e\n      \u003ctd\u003eLarry\u003c\/td\u003e\n      \u003ctd\u003ethe Bird\u003c\/td\u003e\n      \u003ctd\u003e@twitter\u003c\/td\u003e\n    \u003c\/tr\u003e\n  \u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003cdiv class=\"line\"\u003e\u003c\/div\u003e\n\n\u003ch4\u003eStriped Rows\u003c\/h4\u003e\n\n\u003ctable class=\"table table-striped\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003e#\u003c\/th\u003e\n      \u003cth\u003eFirst Name\u003c\/th\u003e\n      \u003cth\u003eLast Name\u003c\/th\u003e\n      \u003cth\u003eUsername\u003c\/th\u003e\n    \u003c\/tr\u003e\n  \u003c\/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e1\u003c\/td\u003e\n      \u003ctd\u003eMark\u003c\/td\u003e\n      \u003ctd\u003eOtto\u003c\/td\u003e\n      \u003ctd\u003e@mdo\u003c\/td\u003e\n    \u003c\/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e2\u003c\/td\u003e\n      \u003ctd\u003eJacob\u003c\/td\u003e\n      \u003ctd\u003eThornton\u003c\/td\u003e\n      \u003ctd\u003e@fat\u003c\/td\u003e\n    \u003c\/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e3\u003c\/td\u003e\n      \u003ctd\u003eLarry\u003c\/td\u003e\n      \u003ctd\u003ethe Bird\u003c\/td\u003e\n      \u003ctd\u003e@twitter\u003c\/td\u003e\n    \u003c\/tr\u003e\n  \u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003cdiv class=\"line\"\u003e\u003c\/div\u003e\n\n\u003ch4\u003eBordered table\u003c\/h4\u003e\n\n\u003ctable class=\"table table-bordered\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003e#\u003c\/th\u003e\n      \u003cth\u003eFirst Name\u003c\/th\u003e\n      \u003cth\u003eLast Name\u003c\/th\u003e\n      \u003cth\u003eUsername\u003c\/th\u003e\n    \u003c\/tr\u003e\n  \u003c\/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd rowspan=\"2\"\u003e1\u003c\/td\u003e\n      \u003ctd\u003eMark\u003c\/td\u003e\n      \u003ctd\u003eOtto\u003c\/td\u003e\n      \u003ctd\u003e@mdo\u003c\/td\u003e\n    \u003c\/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eMark\u003c\/td\u003e\n      \u003ctd\u003eOtto\u003c\/td\u003e\n      \u003ctd\u003e@TwBootstrap\u003c\/td\u003e\n    \u003c\/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e2\u003c\/td\u003e\n      \u003ctd\u003eJacob\u003c\/td\u003e\n      \u003ctd\u003eThornton\u003c\/td\u003e\n      \u003ctd\u003e@fat\u003c\/td\u003e\n    \u003c\/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e3\u003c\/td\u003e\n      \u003ctd colspan=\"2\"\u003eLarry the Bird\u003c\/td\u003e\n      \u003ctd\u003e@twitter\u003c\/td\u003e\n    \u003c\/tr\u003e\n  \u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003cdiv class=\"line\"\u003e\u003c\/div\u003e\n\n\u003ch4\u003eHover rows\u003c\/h4\u003e\n\n\u003ctable class=\"table table-hover\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003e#\u003c\/th\u003e\n      \u003cth\u003eFirst Name\u003c\/th\u003e\n      \u003cth\u003eLast Name\u003c\/th\u003e\n      \u003cth\u003eUsername\u003c\/th\u003e\n    \u003c\/tr\u003e\n  \u003c\/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e1\u003c\/td\u003e\n      \u003ctd\u003eMark\u003c\/td\u003e\n      \u003ctd\u003eOtto\u003c\/td\u003e\n      \u003ctd\u003e@mdo\u003c\/td\u003e\n    \u003c\/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e2\u003c\/td\u003e\n      \u003ctd\u003eJacob\u003c\/td\u003e\n      \u003ctd\u003eThornton\u003c\/td\u003e\n      \u003ctd\u003e@fat\u003c\/td\u003e\n    \u003c\/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e3\u003c\/td\u003e\n      \u003ctd colspan=\"2\"\u003eLarry the Bird\u003c\/td\u003e\n      \u003ctd\u003e@twitter\u003c\/td\u003e\n    \u003c\/tr\u003e\n  \u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003cdiv class=\"line\"\u003e\u003c\/div\u003e\n\n\u003ch4\u003eContextual classes\u003c\/h4\u003e\n\n\u003cdiv class=\"table-responsive\"\u003e\n    \u003ctable class=\"table table-bordered table-striped\"\u003e\n      \u003ccolgroup\u003e\n        \u003ccol class=\"col-xs-1\"\u003e\n        \u003ccol class=\"col-xs-7\"\u003e\n      \u003c\/colgroup\u003e\n      \u003cthead\u003e\n        \u003ctr\u003e\n          \u003cth\u003eClass\u003c\/th\u003e\n          \u003cth\u003eDescription\u003c\/th\u003e\n        \u003c\/tr\u003e\n      \u003c\/thead\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n          \u003ctd\u003e\n            \u003ccode\u003e.active\u003c\/code\u003e\n          \u003c\/td\u003e\n          \u003ctd\u003eApplies the hover color to a particular row or cell\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003e\n            \u003ccode\u003e.success\u003c\/code\u003e\n          \u003c\/td\u003e\n          \u003ctd\u003eIndicates a successful or positive action\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003e\n            \u003ccode\u003e.info\u003c\/code\u003e\n          \u003c\/td\u003e\n          \u003ctd\u003eIndicates a neutral informative change or action\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003e\n            \u003ccode\u003e.warning\u003c\/code\u003e\n          \u003c\/td\u003e\n          \u003ctd\u003eIndicates a warning that might need attention\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003e\n            \u003ccode\u003e.danger\u003c\/code\u003e\n          \u003c\/td\u003e\n          \u003ctd\u003eIndicates a dangerous or potentially negative action\u003c\/td\u003e\n        \u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"line\"\u003e\u003c\/div\u003e\n\n  \u003ctable class=\"table\"\u003e\n      \u003cthead\u003e\n        \u003ctr\u003e\n          \u003cth\u003e#\u003c\/th\u003e\n          \u003cth\u003eColumn heading\u003c\/th\u003e\n          \u003cth\u003eColumn heading\u003c\/th\u003e\n          \u003cth\u003eColumn heading\u003c\/th\u003e\n        \u003c\/tr\u003e\n      \u003c\/thead\u003e\n      \u003ctbody\u003e\n        \u003ctr class=\"active\"\u003e\n          \u003ctd\u003e1\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003e2\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr class=\"success\"\u003e\n          \u003ctd\u003e3\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003e4\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr class=\"info\"\u003e\n          \u003ctd\u003e5\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003e6\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr class=\"warning\"\u003e\n          \u003ctd\u003e7\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003e8\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr class=\"danger\"\u003e\n          \u003ctd\u003e9\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n          \u003ctd\u003eColumn content\u003c\/td\u003e\n        \u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n\n    \u003cdiv class=\"line\"\u003e\u003c\/div\u003e\n\n    \u003ch4\u003eResponsive Tables\u003c\/h4\u003e\n\n    \u003cdiv class=\"table-responsive\"\u003e\n      \u003ctable class=\"table\"\u003e\n        \u003cthead\u003e\n          \u003ctr\u003e\n            \u003cth\u003e#\u003c\/th\u003e\n            \u003cth\u003eTable heading\u003c\/th\u003e\n            \u003cth\u003eTable heading\u003c\/th\u003e\n            \u003cth\u003eTable heading\u003c\/th\u003e\n            \u003cth\u003eTable heading\u003c\/th\u003e\n            \u003cth\u003eTable heading\u003c\/th\u003e\n            \u003cth\u003eTable heading\u003c\/th\u003e\n          \u003c\/tr\u003e\n        \u003c\/thead\u003e\n        \u003ctbody\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e1\u003c\/td\u003e\n            \u003ctd\u003eTable cell\u003c\/td\u003e\n            \u003ctd\u003eTable cell\u003c\/td\u003e\n            \u003ctd\u003eTable cell\u003c\/td\u003e\n            \u003ctd\u003eTable cell\u003c\/td\u003e\n            \u003ctd\u003eTable cell\u003c\/td\u003e\n            \u003ctd\u003eTable cell\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e2\u003c\/td\u003e\n            \u003ctd\u003eTable cell\u003c\/td\u003e\n            \u003ctd\u003eTable cell\u003c\/td\u003e\n            \u003ctd\u003eTable cell\u003c\/td\u003e\n            \u003ctd\u003eTable cell\u003c\/td\u003e\n            \u003ctd\u003eTable cell\u003c\/td\u003e\n            \u003ctd\u003eTable cell\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e3\u003c\/td\u003e\n            \u003ctd\u003eTable cell\u003c\/td\u003e\n            \u003ctd\u003eTable cell\u003c\/td\u003e\n            \u003ctd\u003eTable cell\u003c\/td\u003e\n            \u003ctd\u003eTable cell\u003c\/td\u003e\n            \u003ctd\u003eTable cell\u003c\/td\u003e\n            \u003ctd\u003eTable cell\u003c\/td\u003e\n          \u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n\u003c!-- \/.table-responsive --\u003e\n\n\u003cdiv class=\"table-responsive\"\u003e\n  \u003ctable class=\"table table-bordered nobottommargin\"\u003e\n    \u003cthead\u003e\n      \u003ctr\u003e\n        \u003cth\u003e#\u003c\/th\u003e\n        \u003cth\u003eTable heading\u003c\/th\u003e\n        \u003cth\u003eTable heading\u003c\/th\u003e\n        \u003cth\u003eTable heading\u003c\/th\u003e\n        \u003cth\u003eTable heading\u003c\/th\u003e\n        \u003cth\u003eTable heading\u003c\/th\u003e\n        \u003cth\u003eTable heading\u003c\/th\u003e\n      \u003c\/tr\u003e\n    \u003c\/thead\u003e\n    \u003ctbody\u003e\n      \u003ctr\u003e\n        \u003ctd\u003e1\u003c\/td\u003e\n        \u003ctd\u003eTable cell\u003c\/td\u003e\n        \u003ctd\u003eTable cell\u003c\/td\u003e\n        \u003ctd\u003eTable cell\u003c\/td\u003e\n        \u003ctd\u003eTable cell\u003c\/td\u003e\n        \u003ctd\u003eTable cell\u003c\/td\u003e\n        \u003ctd\u003eTable cell\u003c\/td\u003e\n      \u003c\/tr\u003e\n      \u003ctr\u003e\n        \u003ctd\u003e2\u003c\/td\u003e\n        \u003ctd\u003eTable cell\u003c\/td\u003e\n        \u003ctd\u003eTable cell\u003c\/td\u003e\n        \u003ctd\u003eTable cell\u003c\/td\u003e\n        \u003ctd\u003eTable cell\u003c\/td\u003e\n        \u003ctd\u003eTable cell\u003c\/td\u003e\n        \u003ctd\u003eTable cell\u003c\/td\u003e\n      \u003c\/tr\u003e\n      \u003ctr\u003e\n        \u003ctd\u003e3\u003c\/td\u003e\n        \u003ctd\u003eTable cell\u003c\/td\u003e\n        \u003ctd\u003eTable cell\u003c\/td\u003e\n        \u003ctd\u003eTable cell\u003c\/td\u003e\n        \u003ctd\u003eTable cell\u003c\/td\u003e\n        \u003ctd\u003eTable cell\u003c\/td\u003e\n        \u003ctd\u003eTable cell\u003c\/td\u003e\n      \u003c\/tr\u003e\n    \u003c\/tbody\u003e\n  \u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c!-- .postcontent end --\u003e\n","created_at":"2022-09-12T20:10:40-07:00","published_at":"2018-02-27T08:46:14-08:00","updated_at":"2022-09-12T20:10:40-07:00","handle":"weltpixel-tables","title":"Tables"}}