I've got a table that pops up in an iframe, with data from mysql, with id of
datatable. Underneath the table are two buttons:
<input type = "button" id = "addNew" value="Sign Me Up!" />
<input type = "button" id = "cancel" value="Cancel" />
When I press Sign Me Up, I want an empty row to appear, for the user to
enter. First question: the empty row comes up, but the formatting is all
wrong - all of a sudden I have scrollbars, the text is large, etc. I've
tried using the same id and class of my first table, but it's not working.
Can someone look at the code below and see what I'm doing wrong?
Secondly, is there a way once the user presses Sign Me Up, for that button
to change to "Save". Then the user will press Save, and I'll send the data
back to mysql.
$('#addNew').click(function() {
$("#datatable").append("<tr class='tablesorter'><td><input
type='text'
/><td><input type='text'/><td><input type='text' /><td><input type='text'
/><td><input type='text' /><td><input type='text' /></tr>");
$("#datatable").trigger("update");
$("#datatable").trigger("appendCache");
return false;
});
--
View this message in context:
http://www.nabble.com/tablesorter---adding-rows---need-help-formating-tp18281920s27240p18281920.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
