javascript - JQuery - Load table and insert it with html() -
I want to load the html table in a div
HTML-loaded via code Is:
$ ("# table_wrapper"). Hide (); $$ ("& Lt;; echo base_url () ;; & gt; schichtplan / employee_fields /" + plan_id + "true", function (data) {$ ("# table_wrapper"). Html (data); $ ("# table_wrapper "). Show ();}); The data is valid through warnings and looks like:
& lt; Table border = '0' cellpadding = '4' cell area = '0' square = 'ambitubeter' /> & Lt; Thead & gt; & Lt; TR & gt; & Lt; Th & gt; & Amp; Nbsp & lt; / Th & gt; & Lt; Th & gt; & Lt; Div id = 'plan_id: 1; Sort_id: 1 'class =' edit_employee '& gt; User 1 & lt; / Div & gt; & Lt; / Th & gt; & Lt; Th & gt; & Lt; Div id = 'plan_id: 1; Sort_id: 2 'class =' edit_employee '& gt; User 2 & lt; / Div & gt; & Lt; / Th & gt; & Lt; / Tr & gt; & Lt; / Thead & gt; & Lt; Tbody & gt; & Lt; TR & gt; & Lt; Td class = 'first' & gt; Anstellung & lt; / TD & gt; & Lt; TD & gt; & Amp; Nbsp & lt; / TD & gt; & Lt; TD & gt; & Amp; Nbsp & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td class = 'first' & gt; Stundenlohn & lt; / TD & gt; & Lt; TD & gt; & Amp; Nbsp & lt; / TD & gt; & Lt; TD & gt; & Amp; Nbsp & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td class = 'first' & gt; Festlohn & lt; / TD & gt; & Lt; TD & gt; & Amp; Nbsp & lt; / TD & gt; & Lt; TD & gt; & Amp; Nbsp & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td class = 'first' & gt; Bonus & lt; / TD & gt; & Lt; TD & gt; & Amp; Nbsp & lt; / TD & gt; & Lt; TD & gt; & Amp; Nbsp & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td class = 'first' & gt; Kassenminus & lt; / TD & gt; & Lt; TD & gt; & Amp; Nbsp & lt; / TD & gt; & Lt; TD & gt; & Amp; Nbsp & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td square = 'first' & gt; Nachtzuslagg & lt; / Td> & Lt; TD & gt; & Amp; Nbsp; & Lt; / Td> & Lt; TD & amp; Nbsp; & Amp; Nbsp; / Td> & Lt; / Tr & gt; & Lt; TR & gt; & Lt; Td square = 'first' & gt; Sonistages & lt; / Td> & Lt; TD & gt; & Amp; NTT; / TD & gt; & Lt; TD & amp; Nbsp; & Amp; Nbsp; & Lt; / Td> & Lt; / Tr & gt; & Lt; / Tbody & gt; & Lt; / Table & gt; After JQuery-verb div displays:
& lt; Div id = "table_wrapper" style = "display: block;" & Gt; & Lt; Table border = "0" cellpadding = "4" cellpacing = "0" square = "mittreeter" & gt; & Lt; / Table & gt; & Amp; Nbsp; & Lt; Div id = "plan_id: 1; sort_id: 1" class = "edit_employee" & gt; User 1 & lt; / Div & gt; & Lt; Div id = "plan_id: 1; sort_id: 2" class = "edit_employee" & gt; User 2 & lt; / Div & gt; Anstellung & amp; Nbsp; & Nbsp; Stundenlohn & amp; Nbsp; & Nbsp; Festlohn & amp; Nbsp; & Nbsp; Bonus & amp; Nbsp; & Nbsp; Kassenminus & amp; Nbsp; & Nbsp; Nachtzuschlag & amp; Nbsp; & Nbsp; Sonstiges & amp; Nbsp; & Nbsp; & Lt; / Div & gt; The table-code is generated with CodeIgniter.
I do not know why the result looks like
some hint?
Thanks
The table has a slash at the end of the table. Only some tags can be closed with a slash, and if a tag is not allowed near a slash, it will be kept open for the rest of the page, which will make your HTML invalid. This is what it should look like:
& lt; Table border = '0' cellpadding = '4' cell area = '0' square = 'mitarbeiter' & gt; & Lt; Thead & gt; & Lt ;! - ... - & gt; & Lt; / Thead & gt; & Lt; Tbody & gt; & Lt ;! - ... - & gt; & Lt; / Tbody & gt; & Lt; / Table & gt;
Comments
Post a Comment