Get a quote

WordPress dynamic searchable table with Jquery UI

Features : custom page template with dynamic post table. The table is then enhanced with Jquery dataTables to add search and sort functionality.
The goal was twofold : to present data in a searchable format for visitors. To make it easy to update for the website admin with no html knowledge.
Using custom fields, the client can enter a new post in a specific category, and it will appear in the table.
Here is the code for the custom page template:

<table cellpadding="0" cellspacing="0" border="0" class="display" id="food" style="width:600px" Location Dish Type ID, 'food-location', true ); $food_name = get_post_meta($post->ID, 'food-name', true ); $food_type = get_post_meta($post->ID, 'food-type', true ); echo ' '; if(!empty($food_location ) ) { echo ' ' . $food_location . ' '; /* Add any additional code. */ } if (!empty($food_name ) ) { echo ' ' . $food_name . ' '; /* Add any additional code. */ } if (!empty($food_type ) ) { echo ' ' . $food_type . ' '; /* Add any additional code. */ } echo ' '; ?>

You can see the demo at:
http://sideradesign.com/krf/food-drinks/

Leave a Reply