9
ซ่อน / แสดงคอลัมน์ในตาราง HTML
ฉันมีตาราง HTML ที่มีหลายคอลัมน์และฉันจำเป็นต้องใช้ตัวเลือกคอลัมน์โดยใช้ jquery เมื่อผู้ใช้คลิกที่ช่องทำเครื่องหมายฉันต้องการซ่อน / แสดงคอลัมน์ที่เกี่ยวข้องในตาราง ฉันต้องการทำสิ่งนี้โดยไม่แนบคลาสกับทุก td ในตารางมีวิธีเลือกทั้งคอลัมน์โดยใช้ jquery หรือไม่? ด้านล่างเป็นตัวอย่างของ HTML <table> <thead> <tr><th class="col1">Header 1</th><th class="col2">Header 2</th><th class="col3">Header 3</th></tr> </thead> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> </table> <form> <input type="checkbox" name="col1" checked="checked" /> Hide/Show Column 1 <br /> <input type="checkbox" name="col2" checked="checked" /> Hide/Show Column 2 <br /> …
146
jquery
html
hide
html-table
show