Append data to hidden column in HTML Table

Question

I have html table with hidden column. style='display:none'. When I append data to it using:

 $(tbl).append().

The column header stays hidden, but rows are shown. Is there way to keep the whole column hidden while appending rows.

Answer 1

Try giving display:none to the rows, not to header only. Check if it needs to be !important. Edit : You can also try to use text() or html() function instead of append. https://api.jquery.com/text/