程序设计 html-table

4

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 6年前关闭。改善这个问题是否有任何jQuery或javascript库根据给定的json数据生成动态表？我不想定义列，该库应读取json哈希中的键并生成列。当然，我可以自己遍历json数据并生成html表。我只想知道是否存在任何可以简单重用的库。

112 javascript html json html-table

5

在TD中使用相对位置/绝对位置？

我有以下代码： <td style="position: relative; min-height: 60px; vertical-align: top;"> Contents of table cell, variable height, could be more than 60px; <div style="position: absolute; bottom: 0px;"> Notice </div> </td> 这根本不起作用。由于某种原因，TD上未读取position：relative命令，并且通知DIV被放置在页面底部的内容容器之外。我试图将TD的所有内容放入DIV中，例如： <td> <div style="position: relative; min-height: 60px; vertical-align: top;"> Contents of table cell, variable height, could be more than 60px; <div style="position: absolute; …

108 html position html-table

1

tr元素周围的边框没有显示？

似乎Chrome / Firefox无法在tr其上显示边框，但是如果选择器为，则可以渲染边框table tr td。如何在tr上设置边框？我的尝试不起作用： table tr { border: 1px solid black; } <table> <tbody> <tr> <td> Text </td> </tr> </tbody> </table> 运行代码段隐藏结果展开摘要 http://jsfiddle.net/edi9999/VzPN2/ 这是一个类似的问题：将边框设置为表tr，除了IE 6和7外，其他所有功能都可以使用，但除IE之外，它似乎都可以使用。

107 html css html-table

13

HTML / CSS：使两个浮动div的高度相同

我目前使用来解决一个特殊的问题table，请参阅下文。基本上，我希望两个div占用可用宽度的100％，但只占用所需的垂直空间（从图片上看并不是很明显）。如图所示，两者始终应具有完全相同的高度，并且两者之间应有一点线。（来源：pici.se） table我目前正在使用，这一切都很容易做到。但是，我不太热衷于解决方案，因为从语义上讲这实际上不是表。

106 html css html-table

7

如何将表格单元格的宽度设置为除最后一列以外的最小值？

我有一张100％宽的桌子。如果将<td>s放入其中，它们将以等长的列散开。但是，我希望除last以外的所有列都具有尽可能小的宽度，而无需换行。我首先要做的是除了最后一个（尽管已弃用，但没有任何效果）之外，我设置width="1px"了所有<td>s style="width:1px"，直到在该列中包含多字数据之前，它都可以正常工作。在这种情况下，为了使长度尽可能小，它包装了我的文字。让我示范一下。想象一下这张桌子： --------------------------------------------------------------------------------- element1 | data | junk here | last column --------------------------------------------------------------------------------- elem | more data | other stuff | again, last column --------------------------------------------------------------------------------- more | of | these | rows --------------------------------------------------------------------------------- 无论我尝试什么，我都会得到的是： --------------------------------------------------------------------------------- element1 | data | junk here | last column --------------------------------------------------------------------------------- elem | more …

106 html css html-table

14

宽度为100％的HTML输入文本框溢出表单元格

有谁知道为什么宽度为100％的输入元素越过表格的单元格边框。在下面的简单示例中，输入框超过了表格的单元格边框，结果令人震惊。经过测试，并且在Firefox，IE7和Safari上以相同的方式发生。这对您有意义吗？我是否缺少某些内容，您知道可能的解决方案吗？ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">  <title>Test input text in table</title> <style type="text/css"> table {border-top: 1px solid #ff0000; border-left: 1px solid #ff0000;} table td {border-right: 1px solid …

106 html input html-table width

15

如何隐藏HTML表行<tr>，使其不占用空间？

如何隐藏HTML表格行<tr>，使其不占用空间？我将多个<tr>设置为style="display:none;"，但是它们仍然影响表的大小，并且表的边框反映了隐藏的行。

105 html css html-table

11

使用CSS td宽度绝对值，位置

请参阅此JSFIDDLE td.rhead { width: 300px; } 为什么CSS宽度无效？ <table> <thead> <tr> <td class="rhead">need 300px</td> <td colspan="7">Week #0</td> <td colspan="7">Week #1</td>  </tr> <tr> <td class="rhead"></td> <td>S</td><td>M</td><td>T</td><td>W</td><td>T</td><td>F</td><td>S</td> <td>S</td><td>M</td><td>T</td><td>W</td><td>T</td><td>F</td><td>S</td>  </tr> <thead> </table> 另外，position：fixed，absolute等对td宽度有什么影响？我寻找的不仅仅是解决问题的原因。我希望了解它是如何工作的。

103 html css html-table

10

清除表jQuery

我有一个HTML表填充了许多行。如何从表中删除所有行？

103 jquery html-table

7

如何确定TR的高度？

可以固定桌子上一行的高度（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>&#160;</td> <td>Date of Visit</td> <td>&#160;</td> <td colspan="3">Care …

102 html html-table row

6

HTML表格中单元格的工具提示（无Javascript）

是否可以为没有JavaScript的表格单元提供工具提示。无法使用。

102 javascript html-table

11

如何使HTML表格单元格可编辑？

我想使html表的某些单元格可编辑，只需双击一个单元格，输入一些文本，然后将更改发送到服务器。我不想使用一些工具包，例如dojo数据网格。因为它提供了其他一些功能。您能为我提供一些代码片段或有关如何实现它的建议吗？

102 html editor html-table cell

7

表列大小

在中Bootstrap 3，我可以随意col-sm-xx将其应用于和调整大小表列中的th标签thead。但是，这在Bootstrap 4中不起作用。如何在Bootstrap 4中实现类似的功能？ <thead> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> </thead> 查看提供的编解码器大小不正确，特别是如果您向表中添加一些数据。查看运行方式： <div class="container" style="border: 1px solid black;"> <table class="table table-bordered"> <thead> <tr class="row"> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> </tr> </thead> <tbody> <tr> <td>123</td> <td>456</td> <td>789</td> …

102 css twitter-bootstrap html-table bootstrap-4

15

html-表行像一个链接

我无法将表格行设置为指向某些内容的链接。我只能使用CSS和HTML。我尝试了从div到另一行的不同操作，但仍然无法使它起作用。

101 html css hyperlink html-table

12

使用Javascript创建表格

我有一个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++) { // table row creation var row = document.createElement("tr"); for (var …

101 javascript html-table

Questions tagged «html-table»