Questions tagged «html-table»

与HTML有关，表用于以表格形式显示数据。有关HTML表的问题应通过显示源代码有问题的方式来提出，或者，如果该问题是有关根据期望创建表的尝试失败，则询问者需要显示失败的尝试，描述期望并行为如何不同。

7
CSS表格单元格等宽
我在表容器中有不确定数量的表单元元素。 <div style="display:table;"> <div style="display:table-cell;"></div> <div style="display:table-cell;"></div> </div> 有没有一种纯粹的CSS方法可以使表格单元格具有相等的宽度，即使表格单元格中的内容大小不同也是如此？ 谢谢。 编辑：具有最大宽度将需要知道我有多少个单元格？
147 html  css  html-table 
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 /> <input type="checkbox" name="col3" checked="checked" /> Hide/Show Column 3 <br /> </form>
146 jquery  html  hide  html-table  show 
9
如何强制表单元格<td>内容要包装？
这里是整个页面*可包装的内容在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; } 这是整个页面： &lt;%@ include file="../../include/pre-header.html" %&gt; &lt;form id="commentForm" name="commentForm" action="" method="post"&gt; &lt;ctl:vertScroll height="300" headerStyleClass="data_table_scroll" bodyStyleClass="data_table_scroll" enabled="${user.scrollTables}"&gt; &lt;ctl:sortableTblHdrSetup …
146 html  css  html-table 
25
当用户使用jQuery将其滚动到视图外时，表头保持固定在顶部
我正在尝试设计一个HTML表，当用户将其滚动到视图外时，并且仅当页眉停留在页面顶部时。例如，表格可能比页面低500像素，我该如何制作表格，以便如果用户将标题滚动到视图之外（浏览器以某种方式不再在Windows视图中检测到它），它将保持在顶部？任何人都可以给我一个Javascript解决方案吗？ &lt;table&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;Col1&lt;/th&gt; &lt;th&gt;Col2&lt;/th&gt; &lt;th&gt;Col3&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;info&lt;/td&gt; &lt;td&gt;info&lt;/td&gt; &lt;td&gt;info&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;info&lt;/td&gt; &lt;td&gt;info&lt;/td&gt; &lt;td&gt;info&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;info&lt;/td&gt; &lt;td&gt;info&lt;/td&gt; &lt;td&gt;info&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; 因此，在上面的示例中，&lt;thead&gt;如果页面不可见，我希望随页面一起滚动。 重要信息：我不是在寻找&lt;tbody&gt;具有滚动条的解决方案（溢出：自动）。
145 jquery  html  html-table 
6
如何从HTML表格中完全删除边框
我的目标是制作一个类似于“相框”的HTML页面。换句话说，我要制作一个空白页面，周围有4张图片。 这是我的代码： &lt;table&gt; &lt;tr&gt; &lt;td class="bTop" colspan="3"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="bLeft"&gt; &lt;/td&gt; &lt;td class="middle"&gt; &lt;/td&gt; &lt;td class="bRight"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="bBottom" colspan="3"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; CSS类如下： .bTop { width: 960px; height: 111px; background-image: url('../Images/BackTop.jpg'); } .bLeft { width: 212px; height: 280px; background-image: url('../Images/BackLeft.jpg'); } .middle { width: 536px; …
11
在Markdown中创建没有标题的表
是否可以在Markdown中创建没有标题的表？ HTML看起来像这样： &lt;table&gt; &lt;tr&gt; &lt;td&gt;Key 1&lt;/td&gt; &lt;td&gt;Value 1&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Key 2&lt;/td&gt; &lt;td&gt;Value 2&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;
14
在<td>标签中换行
我想包装一些添加到&lt;td&gt;元素的文本。我试过了style="word-wrap: break-word;" width="15%"。但这不是包装文字。是否必须提供100％的宽度？我还有其他控件要显示，因此只有15％的宽度可用。
6
100％宽度的表格溢出div容器
我的html表有问题，它的父容器溢出了。 .page { width: 280px; border:solid 1px blue; } .my-table { word-wrap: break-word; } .my-table td { border:solid 1px #333; } &lt;div class="page"&gt; &lt;table class="my-table"&gt; &lt;tr&gt; &lt;th&gt;Header Text&lt;/th&gt; &lt;th&gt;Col 1&lt;/th&gt; &lt;th&gt;Col 2&lt;/th&gt; &lt;th&gt;Col 3&lt;/th&gt; &lt;th&gt;Col 4&lt;/th&gt; &lt;th&gt;Header Text&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;An archipelago is a chain or cluster of islands. The …
136 html  css  html-table 
9
如何在JavaScript的HTML表格主体中插入行
我有一个带有页眉和页脚的HTML表： &lt;table id="myTable"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;My Header&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;aaaaa&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;tfoot&gt; &lt;tr&gt; &lt;td&gt;My footer&lt;/td&gt; &lt;/tr&gt; &lt;tfoot&gt; &lt;/table&gt; 我正在尝试添加tbody以下内容： myTable.insertRow(myTable.rows.length - 1); 但该行已添加到该tfoot部分中。 我该如何插入tbody？
14
Internet Explorer 9无法正确呈现表格单元格
我的网站一直使用IE8，IE7，FF，Chrome和Safari顺利运行。现在，我正在IE9上对其进行测试，遇到一个奇怪的问题：在某些页面中，某些表格数据呈现不正确。 HTML源代码正确无误，并且每次刷新页面时，给出问题的行都会更改（说实话，问题本身仅在刷新时出现，并非全部出现）。 使用IE的F12工具，表结构看起来正确，包含M08000007448的TD之后应该没有空的TD，但是仍然呈现这种形式。 此外，如果我使用F12工具，并在工具栏中使用“通过单击选择元素”工具，并且尝试单击M08000007448与19之间的空白，它将选择TR，而不是“隐藏的td”。 我在应用程序的其他某些表中也遇到了表渲染问题，有人遇到过这种情况吗？它仅在IE9中发生：( 我不知道它是否重要，但是该页面是使用ASPNET（网络表单）制作的，并使用Jquery和其他一些JS插件。 我试图保存该页面（带有图像）并使用IE9在本地打开它，但问题从未发生。（当然，我检查了所有的表结构，没关系。页眉和所有行的TD数实际上相同，必要时使用正确的colspan数）。
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.