{"id":574,"date":"2007-06-26T12:32:23","date_gmt":"2007-06-26T16:32:23","guid":{"rendered":"http:\/\/www.wehuberconsultingllc.com\/wordpress\/?p=574"},"modified":"2007-06-26T13:17:53","modified_gmt":"2007-06-26T17:17:53","slug":"sortable-and-selectable-zebra-table-widgets","status":"publish","type":"post","link":"https:\/\/wehuberconsultingllc.com\/wordpress\/2007\/06\/26\/sortable-and-selectable-zebra-table-widgets\/","title":{"rendered":"Sortable and Selectable Zebra Table Widgets"},"content":{"rendered":"<p>I decided to add zebra tables to a phpwebsite recently and used the version from the link below.<\/p>\n<p><a href=\"http:\/\/www.eklekt.com\/widgets\/zebras\/elitezebras-2-0.php\">Sortable and Selectable Zebra Table Widgets<\/a> <\/p>\n<p>It took me a little while to accomplish since I needed to convince phpwebsite to not strip out the <code>&lt;thead&gt;<\/code>, <code>&lt;tbody&gt;<\/code>, and <code>&lt;tfoot&gt;<\/code> tags. Not many people use these tags so phpwebsite removes them unless you modify the configuration. To get the table to work I used both the ID and CLASS elements on the table tag. I used both the<code>&lt;thead&gt;<\/code> and <code>&lt;tbody&gt;<\/code> tags in the table although I think only the <code>&lt;tbody&gt;<\/code> tag is required.<\/p>\n<table id=\"t1\" class=\"sortable striped selectable centered\">\n<thead>\n<tr>\n<td class=\"hideme\">&nbsp;<\/td>\n<td class=\"sortable\">Pos<\/td>\n<td class=\"sortable\">Artist<\/td>\n<td>Trackname<\/td>\n<\/tr>\n<\/thead>\n<tfoot>\n<tr>\n<td class=\"hideme\">&nbsp;<\/td>\n<td colspan=\"3\">\n<div>\n\t  <input accesskey=\"a\" class=\"select_all stripe_button\" type=\"button\" value=\"mark all\" \/><br \/>\n\t  <input accesskey=\"n\" class=\"select_none stripe_button\" type=\"button\" value=\"mark none\" \/><br \/>\n\t  <input class=\"stripe_button\" type=\"submit\" value=\"submit me\" \/>\n  \t  <\/div>\n<\/td>\n<\/tr>\n<\/tfoot>\n<tbody>\n<tr>\n<td class=\"hideme\"><input type=\"checkbox\" name=\"item_id\" value=\"5\" \/><\/td>\n<td>1<\/td>\n<td>Lost In The Plot<\/td>\n<td>The Dears<\/td>\n<\/tr>\n<tr>\n<td class=\"hideme\"><input type=\"checkbox\" name=\"item_id\" value=\"22\" \/><\/td>\n<td>2<\/td>\n<td>Poison<\/td>\n<td>The Constantines<\/td>\n<\/tr>\n<tr>\n<td class=\"hideme\"><input type=\"checkbox\"  name=\"item_id\" value=\"3\" \/><\/td>\n<td>3<\/td>\n<td>Plea From A Cat Named Virtute<\/td>\n<td><a href=\"http:\/\/www.eklekt.com\/\">The Weakerthans<\/a><\/td>\n<\/tr>\n<tr class=\"disabled\">\n<td class=\"hideme\"><input type=\"checkbox\" name=\"item_id\" value=\"4\" disabled=\"disabled\"\/><\/td>\n<td>4<\/td>\n<td>Can&#8217;t pick me!<\/td>\n<td>No sir!<\/td>\n<\/tr>\n<tr>\n<td class=\"hideme\"><input type=\"checkbox\"  name=\"item_id\" value=\"78\" \/><\/td>\n<td>5<\/td>\n<td>Living Room<\/td>\n<td>Tegan And Sara<\/td>\n<\/tr>\n<tr class=\"disabled\">\n<td class=\"hideme\"><input type=\"checkbox\" name=\"item_id\" value=\"6\" disabled=\"disabled\" \/><\/td>\n<td>6<\/td>\n<td>Can&#8217;t pick me either<\/td>\n<td>Nope<\/td>\n<\/tr>\n<tr>\n<td class=\"hideme\"><input type=\"checkbox\" name=\"item_id\" value=\"7\" \/><\/td>\n<td>7<\/td>\n<td>Fast Money Blessing<\/td>\n<td>King Cobb Steelie<\/td>\n<\/tr>\n<tr>\n<td class=\"hideme\"><input type=\"checkbox\" name=\"item_id\" value=\"8\" \/><\/td>\n<td>8<\/td>\n<td>Sore<\/td>\n<td>Buck 65<\/td>\n<\/tr>\n<tr>\n<td class=\"hideme\"><input type=\"checkbox\" name=\"item_id\" value=\"95\" \/><\/td>\n<td>9<\/td>\n<td>Love Travel<\/td>\n<td>Danko Jones<\/td>\n<\/tr>\n<tr title=\"10\">\n<td class=\"hideme\"><input type=\"checkbox\" name=\"item_id\" value=\"10\" \/><\/td>\n<td>10<\/td>\n<td>You Never Let Me Down<\/td>\n<td>Furnaceface<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>I decided to add zebra tables to a phpwebsite recently and used the version from the link below. Sortable and Selectable Zebra Table Widgets It took me a little while to accomplish since I needed to convince phpwebsite to not strip out the &lt;thead&gt;, &lt;tbody&gt;, and &lt;tfoot&gt; tags. Not many people use these tags so &hellip; <a href=\"https:\/\/wehuberconsultingllc.com\/wordpress\/2007\/06\/26\/sortable-and-selectable-zebra-table-widgets\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Sortable and Selectable Zebra Table Widgets&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[2],"tags":[16],"class_list":["post-574","post","type-post","status-publish","format-standard","hentry","category-css","tag-webdesign"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p4iN3d-9g","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wehuberconsultingllc.com\/wordpress\/wp-json\/wp\/v2\/posts\/574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wehuberconsultingllc.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wehuberconsultingllc.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wehuberconsultingllc.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wehuberconsultingllc.com\/wordpress\/wp-json\/wp\/v2\/comments?post=574"}],"version-history":[{"count":0,"href":"https:\/\/wehuberconsultingllc.com\/wordpress\/wp-json\/wp\/v2\/posts\/574\/revisions"}],"wp:attachment":[{"href":"https:\/\/wehuberconsultingllc.com\/wordpress\/wp-json\/wp\/v2\/media?parent=574"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wehuberconsultingllc.com\/wordpress\/wp-json\/wp\/v2\/categories?post=574"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wehuberconsultingllc.com\/wordpress\/wp-json\/wp\/v2\/tags?post=574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}