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

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

12
วิธีจัดการกับตัวแบ่งหน้าเมื่อพิมพ์ตาราง HTML ขนาดใหญ่
ฉันมีโครงการที่ต้องพิมพ์ตาราง HTML ที่มีหลายแถว ปัญหาของฉันคือวิธีพิมพ์ตารางในหลาย ๆ หน้า บางครั้งมันจะตัดแถวครึ่งทำให้ไม่สามารถอ่านได้เพราะครึ่งหนึ่งอยู่ที่ขอบเลือดออกของหน้ากระดาษและส่วนที่เหลือจะพิมพ์ที่ด้านบนของหน้าถัดไป ทางออกที่เป็นไปได้เพียงอย่างเดียวที่ฉันคิดได้คือใช้ DIV แบบเรียงซ้อนแทนที่จะใช้ตารางและบังคับให้หยุดพักหน้าหากจำเป็น .. แต่ก่อนที่จะผ่านการเปลี่ยนแปลงทั้งหมดฉันคิดว่าฉันสามารถถามได้ที่นี่ก่อน
261 html  css  printing  html-table 
28
ตารางส่วนหัวคงที่และร่างกายที่เลื่อนได้
ฉันพยายามสร้างตารางที่มีหัวเรื่องคงที่และเนื้อหาที่เลื่อนได้โดยใช้ตาราง bootstrap 3 น่าเสียดายที่โซลูชันที่ฉันพบไม่สามารถทำงานร่วมกับ bootstrap หรือทำให้สไตล์ยุ่งเหยิง ที่นี่มีตาราง bootstrap ที่เรียบง่าย แต่ด้วยเหตุผลบางอย่างสำหรับฉันไม่ทราบความสูงของร่างกายที่ไม่ใช่ 10px height: 10px !important; overflow: scroll; ตัวอย่าง: <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> <table class="table table-striped"> <thead> <tr> <th>Make</th> <th>Model</th> <th>Color</th> <th>Year</th> </tr> </thead> <tbody style="height: 10px !important; overflow: scroll; "> <tr> <td class="filterable-cell">111 Ford</td> <td class="filterable-cell">Escort</td> <td class="filterable-cell">Blue</td> <td class="filterable-cell">2000</td> </tr> …
10
วิธีการรับค่าที่เลือกหลายกล่องเลือกใน php?
ฉันมีรูปแบบ html ซึ่งมีกล่องรายการที่เลือกซึ่งคุณสามารถเลือกหลายค่าได้เนื่องจากคุณสมบัติหลายรายการถูกตั้งค่าเป็นหลายรายการ พิจารณาวิธีการแบบฟอร์มคือ 'GET' รหัส html สำหรับแบบฟอร์มมีดังนี้: <html> <head> <title>Untitled Document</title> </head> <body> <form id="form1" name="form1" method="get" action="display.php"> <table width="300" border="1"> <tr> <td><label>Multiple Selection </label> </td> <td><select name="select2" size="3" multiple="multiple" tabindex="1"> <option value="11">eleven</option> <option value="12">twelve</option> <option value="13">thirette</option> <option value="14">fourteen</option> <option value="15">fifteen</option> <option value="16">sixteen</option> <option value="17">seventeen</option> <option value="18">eighteen</option> <option value="19">nineteen</option> <option …
3
รูปแบบภายในตาราง
ฉันรวมบางฟอร์มไว้ในตาราง HTML เพื่อเพิ่มแถวใหม่และอัปเดตแถวปัจจุบัน ปัญหาที่ฉันได้รับคือเมื่อฉันตรวจสอบแบบฟอร์มในเครื่องมือ dev ของฉันฉันเห็นว่าองค์ประกอบของแบบฟอร์มถูกปิดทันทีหลังจากเปิด (อินพุต ฯลฯ ไม่รวมอยู่ในแบบฟอร์ม) ดังนั้นการส่งแบบฟอร์มจึงไม่สามารถรวมฟิลด์ได้ แถวของตารางและอินพุตมีดังนี้: <tr> <form method="post" action=""> <td> <input type="text" name="job_num"> </td> <td> <input type="text" name="desc"> </td> </form> </tr> ความช่วยเหลือใด ๆ จะดีขอขอบคุณ.
29
ตาราง HTML ที่มีส่วนหัวคงที่หรือไม่
มีเทคนิค CSS / JavaScript ข้ามเบราว์เซอร์เพื่อแสดงตาราง HTML แบบยาวเช่นว่าส่วนหัวคอลัมน์จะคงที่บนหน้าจอและไม่เลื่อนไปตามส่วนของตาราง นึกถึงเอฟเฟกต์ "freeze panes" ใน Microsoft Excel ฉันต้องการที่จะสามารถเลื่อนดูเนื้อหาของตาราง แต่จะสามารถดูส่วนหัวคอลัมน์ที่ด้านบนเสมอ
21
จะใช้ฟังก์ชั่น slideDown (หรือแสดง) บนแถวของตารางได้อย่างไร?
ฉันกำลังพยายามเพิ่มแถวลงในตารางและมีการเลื่อนแถวนั้นไปยังมุมมอง แต่ฟังก์ชั่นสไลด์ที่ดูเหมือนว่าจะเพิ่มการแสดงผล: สไตล์บล็อกไปยังแถวตารางที่เลอะเค้าโครง ความคิดใดที่จะหลีกเลี่ยงปัญหานี้? นี่คือรหัส: $.get('/some_url', { 'val1': id }, function (data) { var row = $('#detailed_edit_row'); row.hide(); row.html(data); row.slideDown(1000); } );
13
การตั้งค่าความกว้างคอลัมน์ตาราง
ฉันมีตารางง่ายๆที่ใช้สำหรับกล่องจดหมายดังนี้: <table border="1"> <tr> <th>From</th> <th>Subject</th> <th>Date</th> </tr> ฉันจะตั้งค่าความกว้างได้อย่างไรจากและวันที่คือ 15% ของความกว้างของหน้าและหัวเรื่องคือ 70% ฉันต้องการให้ตารางใช้ความกว้างของหน้าทั้งหมด
203 html  css  html-table 
9
ฉันจะใช้เส้นขอบภายในตารางได้อย่างไร
ฉันกำลังพยายามหาวิธีเพิ่มเส้นขอบในตารางเท่านั้น เมื่อฉันทำ: table { border: 0; } table td, table th { border: 1px solid black; } เส้นขอบอยู่รอบทั้งตารางและระหว่างเซลล์ตาราง สิ่งที่ฉันต้องการบรรลุคือมีขอบเฉพาะภายในตารางรอบ ๆ เซลล์ตาราง (ไม่มีขอบด้านนอกรอบ ๆ ตาราง) นี่คือมาร์กอัปที่ฉันใช้สำหรับตาราง (แม้ว่าฉันคิดว่าไม่สำคัญ): <table> <tr> <th>Heading 1</th> <th>Heading 2</th> </tr> <tr> <td>Cell (1,1)</td> <td>Cell (1,2)</td> </tr> <tr> <td>Cell (2,1)</td> <td>Cell (2,2)</td> </tr> <tr> <td>Cell (3,1)</td> <td>Cell (3,2)</td> …
195 html  css  html-table  border 
14
วิธีการลบช่องว่างที่ไม่ต้องการระหว่างแถวและคอลัมน์ในตาราง?
ฉันจะลบช่องว่างพิเศษระหว่างแถวและคอลัมน์ในตารางได้อย่างไร ฉันได้ลองเปลี่ยนมาร์จิ้นการแพ็ดดิ้งและคุณสมบัติเส้นขอบต่างๆบนโต๊ะและ tr และ td ฉันต้องการให้ภาพทั้งหมดอยู่ติดกันเพื่อให้ดูเหมือนภาพใหญ่หนึ่งภาพ ฉันจะแก้ไขได้อย่างไร CSS table { border-collapse: collapse; } HTML <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Tera Byte Video Game Creation Camp</title> <link rel="stylesheet" type="text/css" href="style.css"></link> </head> <body> <table class="mytable" align="center"> <tr class="header"> <td colspan="3"><img src="images/home_01.png" …
178 html  css  html-table 
15
เรียงลำดับตาราง jQuery
ฉันมีตาราง HTML ง่าย ๆ ที่มี 4 คอลัมน์: Facility Name, Phone #, City, Specialty ฉันต้องการให้ผู้ใช้สามารถจัดเรียงตามชื่อสิ่งอำนวยความสะดวกและเมืองเท่านั้น ฉันจะรหัสนี้โดยใช้ jQuery ได้อย่างไร
7
ความกว้างของเซลล์ตารางคงที่
ผู้คนจำนวนมากยังคงใช้ตารางเพื่อควบคุมการจัดวางข้อมูลและอื่น ๆ - ตัวอย่างหนึ่งของนี้คือ jqGrid ที่เป็นที่นิยม อย่างไรก็ตามมีเวทมนตร์บางอย่างเกิดขึ้นที่ฉันไม่สามารถเข้าใจได้ (ตารางของมันสำหรับการร้องไห้ออกมาดัง ๆ ว่ามีเวทมนตร์ได้มากแค่ไหน?) เป็นไปได้อย่างไรที่จะตั้งค่าความกว้างคอลัมน์ของตารางและให้เป็นไปตามที่ jqGrid ทำเช่นนั้น! ถ้าฉันพยายามที่จะทำซ้ำสิ่งนี้แม้ว่าฉันจะตั้งค่าทุก<td style='width: 20px'>ทันทีที่เนื้อหาของหนึ่งในเซลล์เหล่านั้นมีค่ามากกว่า 20px เซลล์จะขยายตัว! ความคิดหรือข้อมูลเชิงลึกใด ๆ
175 html  css  layout  html-table 
5
TypeError: ต้องการวัตถุที่มีลักษณะเหมือนไบต์ไม่ใช่ 'str' ใน python และ CSV
TypeError: จำเป็นต้องมีวัตถุคล้ายไบต์ไม่ใช่ 'str' รับข้อผิดพลาดดังกล่าวในขณะที่การดำเนินการด้านล่างรหัสหลามเพื่อบันทึกข้อมูลตาราง HTML ในไฟล์ Csv ไม่ทราบวิธีรับ rideup กรุณาช่วยฉันด้วย import csv import requests from bs4 import BeautifulSoup url='http://www.mapsofindia.com/districts-india/' response=requests.get(url) html=response.content soup=BeautifulSoup(html,'html.parser') table=soup.find('table', attrs={'class':'tableizer-table'}) list_of_rows=[] for row in table.findAll('tr')[1:]: list_of_cells=[] for cell in row.findAll('td'): list_of_cells.append(cell.text) list_of_rows.append(list_of_cells) outfile=open('./immates.csv','wb') writer=csv.writer(outfile) writer.writerow(["SNo", "States", "Dist", "Population"]) writer.writerows(list_of_rows) บนเหนือบรรทัดสุดท้าย
12
ส่วนหัวตาราง HTML มองเห็นได้เสมอที่ด้านบนของหน้าต่างเมื่อดูตารางขนาดใหญ่
ฉันต้องการ "ปรับแต่ง" งานนำเสนอของตาราง HTML เพื่อเพิ่มคุณสมบัติเดียว: เมื่อเลื่อนลงไปตามหน้าเพื่อให้ตารางอยู่บนหน้าจอ แต่แถวส่วนหัวอยู่นอกหน้าจอฉันต้องการให้ส่วนหัวอยู่ มองเห็นได้ที่ด้านบนของพื้นที่ดู นี่จะเป็นแนวคิดเหมือนกับคุณลักษณะ "หยุดบานหน้าต่าง" ใน Excel อย่างไรก็ตามหน้า HTML อาจมีหลายตารางและฉันต้องการให้เกิดขึ้นสำหรับตารางที่อยู่ในมุมมองปัจจุบันเท่านั้นในขณะที่อยู่ในมุมมอง หมายเหตุ: ฉันเห็นวิธีแก้ไขปัญหาหนึ่งที่พื้นที่ข้อมูลของตารางสามารถเลื่อนได้ในขณะที่ส่วนหัวไม่เลื่อน นั่นไม่ใช่ทางออกที่ฉันกำลังมองหา
169 html  html-table 
7
ตาราง html: thead vs th
ดูเหมือนว่า (ตามตัวอย่างในหน้านี้ยังไงก็ตาม) ว่าถ้าคุณใช้ THEAD คุณไม่จำเป็นต้องใช้ TH มันเป็นเรื่องจริงเหรอ? ถ้าเป็นเช่นนั้นข้อดี / ข้อเสียของ THEAD กับ TH คืออะไร?
155 html  html-table 
7
CSS ตารางเซลล์กว้างเท่ากัน
ฉันมีองค์ประกอบตารางเซลล์จำนวนไม่แน่นอนภายในคอนเทนเนอร์ตาราง <div style="display:table;"> <div style="display:table-cell;"></div> <div style="display:table-cell;"></div> </div> มีวิธี CSS อย่างแท้จริงในการทำให้เซลล์ตารางมีความกว้างเท่ากันแม้ว่าจะมีเนื้อหาที่มีขนาดต่างกันหรือไม่? ขอบคุณ แก้ไข: การมีความกว้างสูงสุดจะทำให้รู้ว่าคุณคิดว่ามีกี่เซลล์?
148 html  css  html-table 
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.