I'm using WP Table Reloaded to handle creating a restaurant menu to display on the page. Some of the items are marked as "Spicy" or "Vegetarian" and I wanted to include two buttons on top to filter against items that have that characteristic. For now, I've created two columns and put an "x" if it matches. What I want to do is have those cells display a custom css background if there is an "x" to show an icon that represents "spicy" or "vegetarian". If there is no "x", it just stays blank. Am I correct in assuming this will require scripting to check if the table cell has a value and then I can use a custom call to return only items that have that field populated?
Next, in some cases, I have multiple menus such as Breakfast, Lunch, Dinner and I don't want to create multiple tables for each. From the documentation, it sounds like if I do a colspan, then the instant search filtering and javascript options will break. Is there any hack/way to allow me to add section headers to the table while preserving the javascript functionality?