{"id":1213,"date":"2014-11-03T09:22:40","date_gmt":"2014-11-03T09:22:40","guid":{"rendered":"http:\/\/www.webhozz.com\/blog\/?p=1213"},"modified":"2019-06-27T08:09:49","modified_gmt":"2019-06-27T08:09:49","slug":"tablesorter","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/tablesorter\/","title":{"rendered":"Mengurutkan Data Table tanpa Refresh dengan Tablesorter JavaScript"},"content":{"rendered":"<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/11\/feature2.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-1214\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/11\/feature2.jpg\" alt=\"feature2\" width=\"600\" height=\"313\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/11\/feature2.jpg 600w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/11\/feature2-300x156.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Dikutip dari code.tutplus.com menuliskan bahwa\u00a0tablesorter adalah plugin jQuery sederhana yang menyediakan untuk menyortir kolom dinamis dan pagination dalam tabel HTML Anda. Ini adalah cara yang bagus untuk mengurutkan file, script \u00a0tabel \u00a0tidak memerlukan pengguna untuk me-refresh halaman. <!--more-->Anda juga dapat menggunakannya ketika Anda menggunakan Ajax dalam aplikasi Anda. contoh dari tabel sorter , dapat Anda lihat <a href=\"http:\/\/tuts.lookahead.io\/tablesorter\/index.html\">disini<\/a>\u00a0. atau Anda dapat mendownloadnya <a href=\"https:\/\/github.com\/tutsplus\/tablesorter\">disini<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dikutip dari code.tutplus.com menuliskan bahwa\u00a0tablesorter adalah plugin jQuery sederhana yang menyediakan untuk menyortir kolom dinamis dan pagination dalam tabel HTML Anda. Ini adalah cara yang<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[273,114,250,9,199,271,272,274,270],"class_list":["post-1213","post","type-post","status-publish","format-standard","hentry","category-belajar-web-programming","tag-creating-table-sort","tag-css","tag-css3","tag-belajar-html","tag-html5","tag-membuat-tabel","tag-membuat-table","tag-mengatur-tabel-dengan-sortir","tag-table-sorter"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mengurutkan Data Table tanpa Refresh dengan Tablesorter JavaScript - WebHozz Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webhozz.com\/blog\/tablesorter\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mengurutkan Data Table tanpa Refresh dengan Tablesorter JavaScript - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"Dikutip dari code.tutplus.com menuliskan bahwa\u00a0tablesorter adalah plugin jQuery sederhana yang menyediakan untuk menyortir kolom dinamis dan pagination dalam tabel HTML Anda. Ini adalah cara yang\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/tablesorter\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2014-11-03T09:22:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-06-27T08:09:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/11\/feature2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"313\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tablesorter\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tablesorter\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/ad1c5822a60b5b228c5ceda20e439fea\"},\"headline\":\"Mengurutkan Data Table tanpa Refresh dengan Tablesorter JavaScript\",\"datePublished\":\"2014-11-03T09:22:40+00:00\",\"dateModified\":\"2019-06-27T08:09:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tablesorter\\\/\"},\"wordCount\":72,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tablesorter\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/feature2.jpg\",\"keywords\":[\"creating table sort\",\"css\",\"css3\",\"HTML\",\"html5\",\"membuat tabel\",\"membuat table\",\"mengatur tabel dengan sortir\",\"table sorter\"],\"articleSection\":[\"Belajar Web Programming\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tablesorter\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tablesorter\\\/\",\"name\":\"Mengurutkan Data Table tanpa Refresh dengan Tablesorter JavaScript - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tablesorter\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tablesorter\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/feature2.jpg\",\"datePublished\":\"2014-11-03T09:22:40+00:00\",\"dateModified\":\"2019-06-27T08:09:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tablesorter\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tablesorter\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tablesorter\\\/#primaryimage\",\"url\":\"http:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/feature2.jpg\",\"contentUrl\":\"http:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/feature2.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tablesorter\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mengurutkan Data Table tanpa Refresh dengan Tablesorter JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"name\":\"WebHozz Blog\",\"description\":\"Kursus Web &amp; Android di Jakarta Bandung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\",\"name\":\"WebHozz\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"width\":442,\"height\":442,\"caption\":\"WebHozz\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/ad1c5822a60b5b228c5ceda20e439fea\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/author\\\/putralucio\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mengurutkan Data Table tanpa Refresh dengan Tablesorter JavaScript - WebHozz Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webhozz.com\/blog\/tablesorter\/","og_locale":"en_US","og_type":"article","og_title":"Mengurutkan Data Table tanpa Refresh dengan Tablesorter JavaScript - WebHozz Blog","og_description":"Dikutip dari code.tutplus.com menuliskan bahwa\u00a0tablesorter adalah plugin jQuery sederhana yang menyediakan untuk menyortir kolom dinamis dan pagination dalam tabel HTML Anda. Ini adalah cara yang","og_url":"https:\/\/www.webhozz.com\/blog\/tablesorter\/","og_site_name":"WebHozz Blog","article_published_time":"2014-11-03T09:22:40+00:00","article_modified_time":"2019-06-27T08:09:49+00:00","og_image":[{"width":600,"height":313,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/11\/feature2.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/tablesorter\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/tablesorter\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/ad1c5822a60b5b228c5ceda20e439fea"},"headline":"Mengurutkan Data Table tanpa Refresh dengan Tablesorter JavaScript","datePublished":"2014-11-03T09:22:40+00:00","dateModified":"2019-06-27T08:09:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/tablesorter\/"},"wordCount":72,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/tablesorter\/#primaryimage"},"thumbnailUrl":"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/11\/feature2.jpg","keywords":["creating table sort","css","css3","HTML","html5","membuat tabel","membuat table","mengatur tabel dengan sortir","table sorter"],"articleSection":["Belajar Web Programming"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/tablesorter\/","url":"https:\/\/www.webhozz.com\/blog\/tablesorter\/","name":"Mengurutkan Data Table tanpa Refresh dengan Tablesorter JavaScript - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/tablesorter\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/tablesorter\/#primaryimage"},"thumbnailUrl":"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/11\/feature2.jpg","datePublished":"2014-11-03T09:22:40+00:00","dateModified":"2019-06-27T08:09:49+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/tablesorter\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/tablesorter\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/tablesorter\/#primaryimage","url":"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/11\/feature2.jpg","contentUrl":"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/11\/feature2.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/tablesorter\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Mengurutkan Data Table tanpa Refresh dengan Tablesorter JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/blog\/#website","url":"https:\/\/www.webhozz.com\/blog\/","name":"WebHozz Blog","description":"Kursus Web &amp; Android di Jakarta Bandung","publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webhozz.com\/blog\/#organization","name":"WebHozz","url":"https:\/\/www.webhozz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","width":442,"height":442,"caption":"WebHozz"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/ad1c5822a60b5b228c5ceda20e439fea","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.webhozz.com\/blog\/author\/putralucio\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/1213","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=1213"}],"version-history":[{"count":3,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/1213\/revisions"}],"predecessor-version":[{"id":8657,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/1213\/revisions\/8657"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=1213"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=1213"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=1213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}