I am building a table in an agent and returning it to the browser. I have
reviewed the returned html and verfied that it is in the correct format. Next
I am appending the code below and using it as the innerHTML of a div. What I
am finding is that the columns are not sortable. It appears as if the class
sort-table is not being applied to the column. The graphics are not added to
the header cells, and they are not click-sortable. If I build the table html
by hand on the form, it works fine. Has anyone had experience with this? Help
would be greatly appreciated.
This code is in the callback function and I have verified that the table id is
spelled the same as it is listed in the function:
var jscriptdata = '<script type="text/javascript">var st2 = new
SortableTable(document.getElementById("table-1"), ["CaseInsensitiveString",
"CaseInsensitiveString", "USCurrency", "Date", "Number", "Number", "Number"]);
st2.sort(1, false, "Nothing");</script>'
I am building a table in an agent and returning it to the browser. I have reviewed the returned html and verfied that it is in the correct format. Next I am appending the code below and using it as the innerHTML of a div. What I am finding is that the columns are not sortable. It appears as if the class sort-table is not being applied to the column. The graphics are not added to the header cells, and they are not click-sortable. If I build the table html by hand on the form, it works fine. Has anyone had experience with this? Help would be greatly appreciated.
This code is in the callback function and I have verified that the table id is spelled the same as it is listed in the function:
var jscriptdata = '<script type="text/javascript">var st2 = new SortableTable(document.getElementById("table-1"), ["CaseInsensitiveString", "CaseInsensitiveString", "USCurrency", "Date", "Number", "Number", "Number"]); st2.sort(1, false, "Nothing");</script>'
$("tableoutput").innerHTML = req.responseText + jscriptdata;