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

สามารถแก้ไขความสูงของแถว (tr) บนโต๊ะได้หรือไม่? ปัญหาจะปรากฏขึ้นเมื่อฉันย่อขนาดหน้าต่างของเบราว์เซอร์บางแถวเริ่มเล่นรอบและฉันไม่สามารถกำหนดความสูงของแถวได้ ฉันลองหลายวิธี: tr width="20" / tr style="height:20px" / td height="20" / td style="height:20px" ฉันใช้ IE7 สไตล์ .tableContainer{ color:#0076BF; margin: -10px 0px -10px 0px; border-spacing: 10px; empty-cells:show; width:90%; text-align:left; } .tableContainer tr td{ white-space:nowrap; text-align:left; } รหัส HTML <table class="tableContainer" cellspacing="10px"> <tr style="height:15px;"> <td>NHS Number</td> <td> </td> <td>Date of …

102 html  html-table  row 

เป็นไปได้ไหมที่จะมีคำแนะนำสำหรับเซลล์ตารางที่ไม่มี JavaScript ใช้ไม่ได้.

102 javascript  html-table 

ฉันมีฟังก์ชัน JavaScript ที่สร้างตารางที่มี 3 แถว 2 เซลล์ มีใครบอกฉันได้ไหมว่าฉันจะสร้างตารางด้านล่างโดยใช้ฟังก์ชันของฉันได้อย่างไร (ฉันต้องทำสิ่งนี้สำหรับสถานการณ์ของฉัน) นี่คือรหัส javascript และ html ของฉันที่ระบุด้านล่าง: function tableCreate() { //body reference var body = document.getElementsByTagName("body")[0]; // create elements <table> and a <tbody> var tbl = document.createElement("table"); var tblBody = document.createElement("tbody"); // cells creation for (var j = 0; j <= 2; j++) …

102 javascript  html-table 

ฉันไม่สามารถตั้งค่าแถวตารางเป็นลิงก์ไปยังบางสิ่งได้ ฉันสามารถใช้ได้เฉพาะ css และ html ฉันลองสิ่งที่แตกต่างจาก div ในแถวไปยังสิ่งอื่น แต่ก็ยังไม่สามารถใช้งานได้

101 html  css  hyperlink  html-table 

ฉันกำลังพยายามสร้างตารางใน HTML ฉันมีการออกแบบต่อไปนี้เพื่อสร้าง ฉันได้เพิ่ม<tr>ภายในแล้ว<td>แต่ตารางไม่ได้สร้างขึ้นตามการออกแบบ มีใครแนะนำฉันได้บ้างว่าฉันจะบรรลุเป้าหมายนี้ได้อย่างไร ฉันไม่สามารถสร้าง Name1 | ราคา 1 ส่วน

101 html  html-table 

ฉันกำลังพยายามหยุดตารางที่มีการประกาศความกว้างอย่างชัดเจนไม่ให้ล้นเกินจากระดับdivบนสุด ฉันคิดว่าฉันสามารถทำได้โดยใช้วิธีใดวิธีหนึ่งmax-widthแต่ดูเหมือนจะไม่ได้ผล รหัสต่อไปนี้ (มีหน้าต่างเล็กมาก) จะทำให้เกิดสิ่งนี้: <style type="text/css"> #middlecol { width: 45%; border-right:2px solid red; } #middlecol table { max-width:100% !important; } </style> <div id="middlecol"> <center> <table width="400" cellpadding="3" cellspacing="0" border="0" align="center"> <tr> <td bgcolor="#DDFFFF" align="center" colspan="2"> <strong>Notification!</strong> </td> <tr> <td width="50"> <img src="http://www.example.com/img.png" width="50" height="50" alt="" border="0"> </td> <td> Lorem …

99 html  css  html-table 

ฉันไม่รู้วิธีผสานแถวและคอลัมน์ภายในตาราง HTML คุณช่วยฉันสร้างตารางใน HTML ได้ไหม

97 html  html-table 

มีวิธีการใช้ HTML / CSS (ที่มีขนาดสัมพัทธ์) เพื่อทำให้แถวของเซลล์ยืดความกว้างทั้งหมดของตารางภายในตารางหรือไม่? <table width="100%">เซลล์ที่ควรจะมีความกว้างเท่ากันและขนาดที่โต๊ะด้านนอกยังเป็นแบบไดนามิกที่มี ปัจจุบันถ้าฉันไม่ระบุขนาดคงที่ เซลล์จะปรับขนาดอัตโนมัติเพื่อให้พอดีกับเนื้อหา

96 html  css  html-table 

ดังนั้นฉันจึงมีรหัสนี้ที่นี่: <table> <tr> <td width="200px" valign="top"> <div class="left_menu"> <div class="menu_item"> <a href="#">Home</a> </div> </div> </td> <td width="1000px" valign="top">Content</td> </tr> </table> ด้วย CSS .left_menu { background: none repeat scroll 0 0 #333333; border-radius: 5px 5px 5px 5px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; padding: 5px; } .menu_item { background: none repeat …

96 html  css  html-table  width 

ฉันสร้างตารางใน ASPX แล้ว ฉันต้องการซ่อนคอลัมน์ใดคอลัมน์หนึ่งตามข้อกำหนด แต่ไม่มีแอตทริบิวต์เหมือนvisibleในการสร้างตาราง HTML ฉันจะแก้ปัญหาของฉันได้อย่างไร?

96 html  asp.net  html-table 

เป็นไปได้ไหมที่จะขอบแถวตาราง<tr>ในคราวเดียวแทนที่จะให้เส้นขอบกับแต่ละเซลล์<td>เช่น <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px;" rules="none"> <tbody> <tr> <th style="width: 96px;">Column 1</th> <th style="width: 96px;">Column 2</th> <th style="width: 96px;">Column 3</th> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td style="border-left: thin solid; border-top: thin solid; border-bottom: thin solid;"> </td> <td style="border-top: thin solid; border-bottom: thin solid;"> </td> <td style="border-top: thin solid; …

92 html  css  border  html-table 

ฉันต้องการดึงรายละเอียดของแต่ละคอลัมน์ในตารางของฉัน ตัวอย่างเช่นคอลัมน์ "Name / Nr." ตารางประกอบด้วยที่อยู่จำนวนหนึ่ง คอลัมน์สุดท้ายของแต่ละแถวมีปุ่มที่ให้ผู้ใช้เลือกที่อยู่ในรายการ ปัญหา:รหัสของฉันเลือกเฉพาะรหัสแรก<td>ที่มีคลาสnrเท่านั้น ฉันจะทำงานนี้ได้อย่างไร นี่คือบิต jQuery: $(".use-address").click(function() { var id = $("#choose-address-table").find(".nr:first").text(); $("#resultas").append(id); // Testing: append the contents of the td to a div }); ตาราง: <table id="choose-address-table" class="ui-widget ui-widget-content"> <thead> <tr class="ui-widget-header "> <th>Name/Nr.</th> <th>Street</th> <th>Town</th> <th>Postcode</th> <th>Country</th> <th>Options</th> </tr> </thead> <tbody> <tr> <td …

91 javascript  jquery  button  onclick  html-table 

ฉันมีปัญหาที่แปลกประหลาดและน่าหงุดหงิด สำหรับมาร์กอัปอย่างง่าย: <table> <thead> <tr><th>1</th><th>2</th><th>3</th></tr> </thead> <tbody> <tr><td>a</td><td>b></td><td>c</td></tr> <tr class='odd'><td>x</td><td>y</td><td>z</td></tr> </tbody> </table> ฉันใช้ค่าสีพื้นหลังที่แตกต่างกันกับองค์ประกอบthead , trและtrคี่ ปัญหาคือในเบราว์เซอร์ส่วนใหญ่ทุกเซลล์จะมีเส้นขอบที่ไม่ต้องการซึ่งไม่ใช่สีของแถวตาราง เฉพาะใน Firefox 3.5 เท่านั้นที่ตารางจะไม่มีเส้นขอบในเซลล์ใด ๆ ฉันต้องการทราบวิธีลบเส้นขอบเหล่านี้ในเบราว์เซอร์หลักอื่น ๆ เพื่อให้สิ่งเดียวที่คุณเห็นในตารางคือสีของแถวที่สลับกัน

89 html  css  html-table 

<html> <head> <title>Table Row Padding Issue</title> <style type="text/css"> tr { padding: 20px; } </style> </head> <body> <table> <tbody> <tr> <td> <h2>Lorem Ipsum</h2> <p>Fusce sodales lorem nec magna iaculis a fermentum lacus facilisis. Curabitur sodales risus sit amet neque fringilla feugiat. Ut tellus nulla, bibendum at faucibus ut, convallis eget neque. …

88 html  css  html-table  row  padding 

ฉันได้ค้นหาและค้นหา แต่ไม่พบวิธีแก้ปัญหาสำหรับความต้องการของฉัน ฉันมีตาราง HTML แบบธรรมดา ฉันต้องการมุมรอบสำหรับมันโดยไม่ต้องใช้ภาพหรือ JS เช่นบริสุทธิ์CSS เท่านั้น แบบนี้: มุมโค้งมนสำหรับเซลล์มุมและ1pxขอบหนาสำหรับเซลล์ จนถึงตอนนี้ฉันมีสิ่งนี้: table { -moz-border-radius: 5px !important; border-collapse: collapse !important; border: none !important; } table th, table td { border: none !important } table th:first-child { -moz-border-radius: 5px 0 0 0 !important; } table th:last-child { -moz-border-radius: 0 5px 0 …

87 html  css  html-table  rounded-corners