title: Table Navigation and row selection
body: <p>I have an HTML table which contains about 1000 rows and 26 columns. I am using <a href="http://projects.arkanis-development.de/table_navigation/" rel="nofollow">this jQuery plugin</a> to navigate between rows and make a selection.</p>
  
  <p>My first problem is that the plugin is working fine, but—even using the latest version (0.6.1)—it's very slow when working with 1000 rows.</p>
  
  <p>My second problem is that I want to create a JSON object representing the selected row from the table. I wrote a function that does this, but again it's too slow on such a big table. The following code works, but I want to optimise it:</p>
  
  <pre><code>$(document).bind("keyup", function(event) {
      var jsonText = "";
      var i = 0;
      var td_size = $("tr.selected td").size();
      jsonText += "{";
      for (i = 0; i &lt; td_size; i++) {
          if (i &lt; td_size - 1) {
              if (i == 0) {
                  // Get link URL.
                  jsonText += "\"" + $("thead tr th").eq(i).text() + "\":\"" + $("tr.selected td").eq(i).find("a").attr("href") + "\",";
              } else {
                  jsonText += "\"" + $("thead tr th").eq(i).text() + "\":\"" + $("tr.selected td").eq(i).text() + "\",";
              }
          }
          else {
              jsonText += "\"" + $("thead tr th").eq(i).text() + "\":\"" + $("tr.selected td").eq(i).text() + "\"";
          }
      }
      jsonText += "}";
      $('#content').html('').append(jsonText);
  });
  </code></pre>
  
  <p>Any suggestions please?</p>