标签: html-table
Internet Explorer 9无法正确呈现表格单元格
我的网站始终与IE8,IE7,FF,Chrome和Safari一起顺利运行.现在我在IE9上测试它,我遇到了一个奇怪的问题:在某些页面中,某些表格数据呈现错误.
HTML源代码是正确的,并且每次刷新页面时给出问题的行都会改变(说实话,问题本身只出现在一些刷新中,而不是全部).
使用IE的F12工具,表格结构显示正确,TD包含M08000007448后应该没有空的TD,但它仍然像这样呈现.
此外,如果我使用F12工具,使用工具栏中的"通过单击选择元素"工具,我尝试单击M08000007448和19之间的空白区域,它选择TR,而不是"隐藏的td".
我在应用程序的其他表中也有这个表呈现问题,有没有遇到类似这样的事情？它只发生在IE9 :(
我不知道它是否重要,但页面是用ASPNET(webforms)制作的,并使用Jquery和其他一些JS插件.
我试图保存页面(带图像)并在IE9本地打开它,但问题永远不会发生.(当然我检查了所有的表结构,没关系.标题和所有行都有相同数量的TD,必要时有正确数量的colspan).
推荐指数
解决办法
查看次数
HTML表td含义
在HTML表格中,td代表什么？我的意思是字面意思,它的首字母缩写是什么？表格划分？表数据？
推荐指数
解决办法
查看次数
如何在Javascript中的HTML表体中插入行？
我有一个带有页眉和页脚的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？
推荐指数
解决办法
查看次数
条带引导表:如何更改条纹背景颜色？
使用Bootstrap类table-striped,我表中的每一行都有一个等于的背景颜色#F9F9F9.我怎样才能改变这种颜色？
推荐指数
解决办法
查看次数
Jquery在某个索引处将新行插入表中
我知道如何使用jquery将新行追加或添加到表中:
$('#my_table > tbody:last').append(html);
如何将行(在html变量中给出)插入到特定的"行索引"中i.因此i=3,例如,如果该行将作为表中的第4行插入.
推荐指数
解决办法
查看次数
将json数据转换为html表
是否有任何jQuery或javascript库生成给定json数据的动态表？我不想定义列,库应该读取json哈希中的键并生成列.
当然,我可以自己遍历json数据并生成html表.我只是想知道是否存在任何我可以简单重用的库.
推荐指数
解决办法
查看次数
在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上没有读取位置:相对命令,并且通知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; bottom: 0px;">
Notice
</div>
</div>
</td>
但是,这会产生新问题.由于表格单元格内容的高度是可变的,因此通知DIV并不总是位于单元格的底部.如果表格单元格超出60px标记,但其他单元格都没有,那么在其他单元格中,通知DIV将向下移动60px,而不是在底部.
推荐指数
解决办法
查看次数
HTML/CSS:使两个浮动div具有相同的高度
我目前用a解决了一个小问题table,见下文.基本上,我希望有两个div占用可用宽度的100%,但只占用所需的垂直空间(图中并不是那么明显).如图所示,两者应始终具有完全相同的高度,并且它们之间有一条小线.
alt text http://pici.se/pictures/qJRMtoLPv.png
这一切都很容易使用table,我现在正在做.但是,我不太热衷于解决方案,因为在语义上这实际上不是一个表.
推荐指数
解决办法
查看次数
宽度为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"> <!-- don't use closing slash in meta tag, it breaks HTML4.01 transitional -->
<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 #00ff00; border-bottom: 1px solid #00ff00;}
input[type="text"] {width: 100%;} /* removing this would make input not to go over cells border, but they would be too short, I want them to …推荐指数
解决办法
查看次数
使用CSS td width absolute,position
请看这个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>
<!-- etc..-->
</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>
<!-- etc... -->
</tr>
<thead>
</table>
另外,位置有什么影响:固定,绝对等对td宽度有什么影响？我正在寻找一个不仅仅是修复的理由.我希望了解它是如何工作的.
推荐指数
解决办法
查看次数