คำถามติดแท็ก html-table

ฉันกำลังเขียนหน้าที่ฉันต้องการตาราง HTML เพื่อรักษาขนาดที่ตั้งไว้ ฉันต้องการส่วนหัวที่ด้านบนของตารางเพื่ออยู่ที่นั่นตลอดเวลา แต่ฉันยังต้องการเนื้อความของตารางเพื่อเลื่อนไม่ว่าจะมีการเพิ่มแถวจำนวนเท่าใดในตาราง คิดว่าเป็นรุ่นเล็ก ๆ ของ excel ดูเหมือนว่าเป็นงานง่าย ๆ แต่เกือบทุกโซลูชันที่ฉันพบบนเว็บจะมีข้อเสียเปรียบ ฉันจะแก้ปัญหานี้ได้อย่างไร

148 javascript  html  css  html-table 

ฉันมีตาราง 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 

นี่คือการกำหนด * wrappable ทั้งหน้าในไฟล์ main.css /* Wrappable cell * Add this class to make sure the text in a cell will wrap. * By default, data_table tds do not wrap. */ td.wrappable, table.data_table td.wrappable { white-space: normal; } นี่คือหน้าทั้งหมด: <%@ include file="../../include/pre-header.html" %> <form id="commentForm" name="commentForm" action="" method="post"> <ctl:vertScroll height="300" …

146 html  css  html-table 

ฉันกำลังพยายามออกแบบตาราง HTML ที่ส่วนหัวจะอยู่ด้านบนของหน้าเมื่อและเฉพาะเมื่อผู้ใช้เลื่อนออกจากมุมมอง ตัวอย่างเช่นตารางอาจอยู่ที่ 500 พิกเซลจากหน้าฉันจะทำอย่างไรเพื่อให้ผู้ใช้เลื่อนส่วนหัวออกจากมุมมอง (เบราว์เซอร์ตรวจพบไม่อยู่ในมุมมองหน้าต่างอีกต่อไป) มันจะอยู่ด้านบน ? ทุกคนสามารถให้โซลูชัน Javascript แก่ฉันได้หรือไม่ <table> <thead> <tr> <th>Col1</th> <th>Col2</th> <th>Col3</th> </tr> </thead> <tbody> <tr> <td>info</td> <td>info</td> <td>info</td> </tr> <tr> <td>info</td> <td>info</td> <td>info</td> </tr> <tr> <td>info</td> <td>info</td> <td>info</td> </tr> </tbody> </table> ดังนั้นในตัวอย่างข้างต้นฉันต้องการ<thead>เลื่อนไปที่หน้าถ้ามันออกไปจากมุมมอง สำคัญ: ฉันไม่ได้มองหาวิธีแก้ปัญหาที่<tbody>จะมีแถบเลื่อน (ล้น: อัตโนมัติ)

145 jquery  html  html-table 

ดูเหมือนว่าฉันได้ยิน / อ่านที่ไหนซักแห่งว่า<div>ภายใน<td>นั้นไม่มีอะไรเลย ไม่ใช่ว่ามันจะไม่ทำงานบางอย่างเกี่ยวกับพวกเขาที่ไม่เข้ากันได้กับประเภทการแสดงผลของพวกเขา ไม่พบหลักฐานใด ๆ ที่จะสำรองลางสังหรณ์ของฉันดังนั้นฉันอาจผิดทั้งหมด

143 html  html-table  semantic-markup  web-standards 

มีวิธีเพิ่มแถบเลื่อนแนวนอนในตาราง HTML หรือไม่? จริง ๆ แล้วฉันต้องการให้เลื่อนได้ทั้งแนวตั้งและแนวนอนขึ้นอยู่กับการเติบโตของตาราง แต่ฉันไม่สามารถเลื่อนแถบเลื่อนได้

142 html  css  html-table  scrollbar 

เป้าหมายของฉันคือการสร้างหน้า HTML ที่คล้ายกับ "กรอบรูป" กล่าวอีกนัยหนึ่งฉันต้องการทำหน้าว่างที่ล้อมรอบด้วย 4 รูปภาพ นี่คือรหัสของฉัน: <table> <tr> <td class="bTop" colspan="3"> </td> </tr> <tr> <td class="bLeft"> </td> <td class="middle"> </td> <td class="bRight"> </td> </tr> <tr> <td class="bBottom" colspan="3"> </td> </tr> </table> และคลาส CSS มีดังต่อไปนี้: .bTop { width: 960px; height: 111px; background-image: url('../Images/BackTop.jpg'); } .bLeft { width: 212px; height: …

141 html  css  html-table  background-image 

เป็นไปได้หรือไม่ที่จะสร้างตารางโดยไม่มีส่วนหัวใน Markdown HTML จะมีลักษณะเช่นนี้: <table> <tr> <td>Key 1</td> <td>Value 1</td> </tr> <tr> <td>Key 2</td> <td>Value 2</td> </tr> </table>

141 markdown  html-table  multimarkdown 

ฉันต้องการตัดข้อความบางส่วนที่เพิ่มลงใน<td>องค์ประกอบ ฉันได้ลองกับstyle="word-wrap: break-word;" width="15%". แต่ไม่ได้ตัดข้อความ จำเป็นต้องให้ความกว้าง 100% หรือไม่? ฉันมีการควบคุมอื่น ๆ ที่จะแสดงดังนั้นจึงมีความกว้างเพียง 15% เท่านั้น

140 html  css  html-table  word-wrap 

คำถามนี้มีคำตอบอยู่แล้วที่นี่ : ตารางล้นออกนอก div (9 คำตอบ) ปิด2 เดือนที่แล้ว . ฉันมีปัญหากับตาราง html ที่ล้นเป็นคอนเทนเนอร์หลัก .page { width: 280px; border:solid 1px blue; } .my-table { word-wrap: break-word; } .my-table td { border:solid 1px #333; } <div class="page"> <table class="my-table"> <tr> <th>Header Text</th> <th>Col 1</th> <th>Col 2</th> <th>Col 3</th> <th>Col 4</th> <th>Header Text</th> </tr> …

138 html  css  html-table 

ฉันมีตาราง HTML ที่มีส่วนหัวและส่วนท้าย: <table id="myTable"> <thead> <tr> <th>My Header</th> </tr> </thead> <tbody> <tr> <td>aaaaa</td> </tr> </tbody> <tfoot> <tr> <td>My footer</td> </tr> <tfoot> </table> ฉันกำลังพยายามเพิ่มแถวtbodyด้วยสิ่งต่อไปนี้: myTable.insertRow(myTable.rows.length - 1); แต่มีการเพิ่มแถวในtfootส่วนนี้ ฉันจะแทรกได้tbodyอย่างไร?

135 javascript  html  html-table  insert  row 

ด้วยคลาส Bootstrap table-stripedแถวอื่น ๆ ในตารางของฉันจะมีสีพื้นหลังเท่ากับ#F9F9F9. ฉันจะเปลี่ยนสีนี้ได้อย่างไร?

124 css  twitter-bootstrap  html-table 

ในตาราง HTML td หมายถึงอะไร ฉันหมายถึงตัวอักษรย่อมาจากอะไร การแบ่งโต๊ะ? ข้อมูลตาราง?

116 html  html-table  semantics 

เว็บไซต์ของฉันทำงานได้อย่างราบรื่นเสมอกับ IE8, IE7, FF, Chrome และ Safari ตอนนี้ฉันกำลังทดสอบบน IE9 และพบปัญหาแปลก ๆ : ในบางหน้าข้อมูลตารางบางส่วนแสดงผลไม่ถูกต้อง ซอร์ส HTML ถูกต้องและทั้งหมดและแถวที่ให้ปัญหาจะเปลี่ยนทุกครั้งที่รีเฟรชหน้า (เพื่อบอกความจริงปัญหาจะปรากฏในการรีเฟรชบางส่วนเท่านั้นไม่ใช่ทั้งหมด) การใช้เครื่องมือ F12 ของ IE โครงสร้างตารางจะถูกต้องไม่ควรมี TD ว่างหลังจาก TD ที่มี M08000007448 แต่ก็ยังแสดงผลเช่นนี้ ยิ่งไปกว่านั้นถ้าฉันใช้เครื่องมือ F12 โดยมีเครื่องมือ "เลือกองค์ประกอบโดยคลิก" ในแถบเครื่องมือและฉันพยายามคลิกที่ช่องว่างระหว่าง M08000007448 และ 19 มันจะเลือก TR ไม่ใช่ "hidden td" ฉันมีปัญหาการเรนเดอร์ตารางนี้ในตารางอื่น ๆ ในแอปพลิเคชันใครประสบปัญหาเช่นนี้บ้าง? มันเกิดขึ้นเฉพาะใน IE9 :( ฉันไม่รู้ว่ามันสำคัญหรือเปล่า แต่หน้านี้สร้างด้วย ASPNET …

115 jquery  asp.net  internet-explorer-9  html-table 

ฉันรู้วิธีต่อท้ายแถวใหม่ลงในตารางโดยใช้ jquery: $('#my_table > tbody:last').append(html); ฉันจะแทรกแถว (กำหนดในตัวแปร html) ลงใน "ดัชนีแถว" เฉพาะiได้อย่างไร i=3ตัวอย่างเช่นถ้าแถวนั้นจะถูกแทรกเป็นแถวที่ 4 ในตาราง

113 javascript  jquery  html-table