[Plugin: WP-Table Reloaded] Table Filtering and shortcodes

  • printmarket

    (@printmarket)


    14 years, 5 months ago

    Dear All

    I am trying to use this plugin to generate my price list on my website. however I need several features with this table that I think it has the capability of doing it (maybe with a bit tweaking):

    1. Filtering the rows using table options. these options needs to be selected using radio buttons (e.g. http://www.leafletprinting.co.uk/cheap-flyer-printing)

    2. Hiding certain Columns (I am going to use these colums to tag each rows so basically by chosing each options the desire rows will apprear and the rest will be hided)

    3. able to insert custom shortcodes in each cell (this will allow me to make a shortcode to get the price of the product and insert it in the table. when the customer clicks on the product, it will add it to the shopping cart.)

    In overal, the aim is to produce the as this website http://www.leafletprinting.co.uk/cheap-flyer-printing

    I am currently using wp e-commerce as my shoping cart.

    Regards,
    Mehrdad

    http://ww.wp.xz.cn/extend/plugins/wp-table-reloaded/

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    14 years, 5 months ago

    Hi Mehrdad,

    thanks for your questions!

    Q1: Unfortunately, I don’t have readily usable code for this. You might be able to develop something with JavaScript, by using the API of the DataTables JavaScript library (see http://www.datatables.net).

    Q2: This is closely related to Q1, so the same answer.

    Q3: WP-Table Reloaded will automatically execute any Shortcodes in table cells, if they use the regular WordPress Shortcode API. So, just develop your plugin with that, and it will work automatically. If you have a custom Shortcode parser, you will need to hook into the “wp_table_reloaded_cell_content” filter to make them work.

    Best wishes,
    Tobias

    Thread Starter printmarket

    (@printmarket)

    14 years, 5 months ago

    Hi Tobias

    Thanks for your reply. Would you guide me abit more on the option 1 and what exactly I have look for!. I am a C++ developer myself but havnt worked with java and PHP before but I know I can manage it and develope with a bit of hardworking. I would appreciate if you give me some hints to what exactly I have to look for and I can follow the rest myself.

    Regarding the DataTables, I had that in mind before but didnt know how and in what extend I can use it.

    Regards,
    Mehrdad Pasha

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    14 years, 5 months ago

    Hi,

    unfortunately, I don’t really have starting points for this 🙁 My JavaScript knowledge in this area is also limited. You will have to hook into the API of the DataTables library, and with that you can show/hide columns or change the content of the table.

    Regards,
    Tobias

    Thread Starter printmarket

    (@printmarket)

    14 years, 5 months ago

    Thanks Tobias

    Then I have to implement the APIs in your plugin and do the final touches!! Am I right!?

    Regards,
    Mehrdad

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    14 years, 5 months ago

    Hi,

    no, this has nothing to do with my plugin. WP-Table Reloaded will basically just be the source of the HTML code for the table.
    You will just need to develop JavaScript code that uses the DataTables API.
    The best approach for this might be to disable the usage of DataTables in WP-Table Reloaded (at least for this table), and load it manually, by following the instructions on the DataTables website.

    Regards,
    Tobias

    quentinio

    (@quentinio)

    14 years, 5 months ago

    I would need something like this too. I found this on the DataTables website: http://www.datatables.net/release-datatables/examples/api/multi_filter_select.html

    Any help on how to integrate that code into the plugin?

    Thanks a lot!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    14 years, 5 months ago

    Hi,

    to use this, the best way usually is to load DataTables (and that addon) manually. To do this, deactivate the usage of DataTables for the relevant table (in WP-Table Reloaded). WP-Table Reloaded will then only generate the HTML code for the table, without any JavaScript.
    Then, for example with the HiFi plugin (http://ww.wp.xz.cn/extend/plugins/hifi/) add the relevant code for the DataTables library to the page manually.

    Regards,
    Tobias

    Thread Starter printmarket

    (@printmarket)

    14 years, 5 months ago

    Hi Tobias

    Thanks for the hint for DataTables. Now I have my desire datatable with the options on it. all I have to do now is to implement it in my wordpress page. As you mentioned, using HiFi plugin I am inserting the javascripts codes into the header of the page and voila you have a table with a filter :-). I will try to post a full guidance on this as soon as I get my website up and running.

    Regards,
    Mehrdad

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    14 years, 5 months ago

    Hi Mehrdad,

    very nice! I’m looking forward to it!

    Best wishes,
    Tobias

    Thread Starter printmarket

    (@printmarket)

    14 years, 5 months ago

    Hi guys

    I have completed the code and all running ok! see the link below:
    http://print-market.co.uk/templates

    Full guide will be posted after the holiday I need to get some break after 1 week of working with this 🙂

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘[Plugin: WP-Table Reloaded] Table Filtering and shortcodes’ is closed to new replies.