searchtablejs plugin

Download and install the plugin using the Plugin Manager using the URL given above. Refer to Plugins on how to install plugins manually.

This script can be used the same way as the Sortablejs Plugin. It adds a small text field on top of your table and filters for the entered text. Esp. in combination with the CSV Plugin this small plugin is very useful.

Example:

<searchtable>
^ Test ^ Col1 ^ Col2 ^
| Row1 | Val1 | Val2 |
| Row2 | Val3 | Val4 |
</searchtable>

• Currently only one table per searchtable tag is supported. But you can use multiple tags per page.
• No further options are supported at the moment, but planned. Stay tuned.

• Switch filter code to: http://www.javascriptkit.com/script/script2/tablefilter.shtml

• added images and improved style (2010/11/02 16:42)
• missed tag in input field (2010/11/02 16:25)
• added css style (thanks to anonymous) (2010/11/02 16:20)
• README added (2010/10/27 17:08)
• added plugin info txt (2010/10/27 13:48)
• initial alpha version (2010/10/22 18:07)

A little improvement to give the Input a class-name

In syntax.php:

$renderer->doc .= '<div class="searchtable' . $match . '" id="' . $id . '">';
$renderer->doc .= '<form class="searchtable" onsubmit="return false;"><input class="searchtable" name="filtertable" onkeyup="searchtable.filterall(this, \'' . $id . '\')" type="text"></form>';


A new File: print.css

div.dokuwiki form.searchtable { display: none; }


A new File: style.css

what you like, similar to the text search input

• It would be cool if you can select the column with should be filtered
• Not working with latest DokuWiki and Template Arctic

IE8 has a different opinion than other browsers as to how a javascript array should be ended, so it barfs on this script.js code snippet:

...
  getTableByID: function(_id) {
        var _table = document.getElementById(_id).getElementsByTagName('table')[0];
        return _table;
  },
...

Remove the trailing comma after the last array entry, and presto!

...
  getTableByID: function(_id) {
        var _table = document.getElementById(_id).getElementsByTagName('table')[0];
        return _table;
  }
...

— Strand Åge 2011/01/26 13:35