{"id":3922,"date":"2022-09-02T05:31:31","date_gmt":"2022-09-02T05:31:31","guid":{"rendered":"https:\/\/rengga.dev\/blog\/?p=3922"},"modified":"2023-06-10T11:35:17","modified_gmt":"2023-06-10T11:35:17","slug":"tailwind-css-advance-table-component","status":"publish","type":"post","link":"https:\/\/rengga.dev\/blog\/tailwind-css-advance-table-component\/","title":{"rendered":"Tailwind &#8211; CSS Advance Table Component"},"content":{"rendered":"<p>Tailwind CSS is a utility-first CSS framework that provides a set of pre-designed CSS classes to help you quickly build responsive and customizable user interfaces. One of the more complex UI components that you might need to build is an advanced table, which can have features such as sorting, filtering, pagination, and more.<\/p>\n<p>Tailwind CSS provides a variety of pre-designed classes and plugins to help you build advanced tables easily. These classes and plugins allow you to style and handle various table features, such as table header and footer, sorting and filtering controls, pagination links, and more. With Tailwind CSS, you can easily create a feature-rich and responsive advanced table that looks great on any device and screen size.<\/p>\n<div class=\"su-row\">\n<div class=\"su-column su-column-size-1-2\"><div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"su-button-center\"><a href=\"https:\/\/tailwindcomponents.com\/component\/free-tailwind-css-advance-table-component\/landing\" class=\"su-button su-button-style-glass su-button-wide\" style=\"color:#FFFFFF;background-color:#a70d33;border-color:#860b29;border-radius:50px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#FFFFFF;padding:8px 24px;font-size:18px;line-height:27px;border-color:#c25671;border-radius:50px;text-shadow:1px 1px 1px #000000\"><i class=\"sui sui-globe-w\" style=\"font-size:18px;color:#FFFFFF\"><\/i> Demo Page<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Tailwind CSS is a utility-first CSS framework that provides a set of <a class=\"read-more\" href=\"https:\/\/rengga.dev\/blog\/tailwind-css-advance-table-component\/\" title=\"Tailwind &#8211; CSS Advance Table Component\" itemprop=\"url\"><\/a><\/p>\n","protected":false},"author":1,"featured_media":3923,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,20],"tags":[475,476,472,474,103,392],"newstopic":[],"class_list":{"0":"post-3922","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-html-css","8":"category-javascript","9":"tag-css-responsive-table","10":"tag-table-component","11":"tag-tailwind-css","12":"tag-tailwind-tutorial","13":"tag-web-design","14":"tag-web-design-2023"},"_links":{"self":[{"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/posts\/3922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/comments?post=3922"}],"version-history":[{"count":1,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/posts\/3922\/revisions"}],"predecessor-version":[{"id":3924,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/posts\/3922\/revisions\/3924"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/media\/3923"}],"wp:attachment":[{"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/media?parent=3922"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/categories?post=3922"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/tags?post=3922"},{"taxonomy":"newstopic","embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/newstopic?post=3922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}