标签: html-table
jQuery UI主题和HTML表
有没有办法使用jQuery CSS主题主题HTML表(CSS)？
除了我看起来不同的HTML表之外,我的所有组件看起来都属于它们.
46
推荐指数
推荐指数
3
解决办法
解决办法
10万
查看次数
查看次数
如何判断在表中单击了哪个行号？
我有一个如下表:
<table>
<tr>
<td>1</td><td>1</td><td>1</td>
</tr>
<tr>
<td>2</td><td>2</td><td>2</td>
</tr>
<tr>
<td>3</td><td>3</td><td>3</td>
</tr>
</table>当用户单击表时,如何获取此行的索引(tr元素)？
例如,当我点击第一个tr(1在上表中使用s)时,它应该将其拾起并返回1.
46
推荐指数
推荐指数
4
解决办法
解决办法
12万
查看次数
查看次数
在<a>标记中包装HTML表格行
是否可以将整个表行包装在<a>标签中？我希望整行成为可点击的链接.
如果我尝试以下操作,链接将在表格的上方和外部呈现:
这个:
<table>
<a href="value_url"><tr><td>value</td><td>value</td></tr></a>
<a href="value_url"><tr><td>value</td><td>value</td></tr></a>
</table>
渲染如下:
<a href="value_url"></a>
<a href="value_url"></a>
<table>
<tr><td>value</td><td>value</td></tr>
<tr><td>value</td><td>value</td></tr>
</table>
45
推荐指数
推荐指数
6
解决办法
解决办法
6万
查看次数
查看次数
如何根据内容使表格单元缩小？
如何使包含2列(单元格)的表格如下所示:
- 第一个细胞根据内容收缩
- 另一个单元格适合表格的其余部分(比两个内容更宽)
例:
<table style="width: 500px;">
<tr>
<td>foo</td>
<td>bar</td>
</tr>
</table>
我需要这个表看起来像这样:
.___________________________________________________________________________.
| foo | bar <a lot of space here> |
|_____|_____________________________________________________________________|
500 px total width
注意:我不知道"foo"的宽度,所以我不能设置"50px","10%"或类似的东西.
45
推荐指数
推荐指数
3
解决办法
解决办法
5万
查看次数
查看次数
HTML'td'的宽度和高度
HTML5中不支持"高度"和"宽度".如何在符合HTML5标准的同时设置td的宽度和高度？
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>219 ??</title>
</head>
<body bgcolor="silver">
<div align="center">
<table>
<tr>
<td width="1000" height="250">
<object width="100%" height="100%" data="frameTop.html"></object>
</td>
</tr>
</table>
<table>
<tr>
<td width="300" height="700" >
<object width="100%" height="100%" data="frameLeft.html"></object>
</td>
<td width="700" height="700">
<object width="100%" height="100%" data="frameRight.html"></object>
</td>
</tr>
</table>
</div>
</body>
</html>
45
推荐指数
推荐指数
2
解决办法
解决办法
21万
查看次数
查看次数
如何获取HTML表中的<td>以适应内容,并让特定的<td>填写其余部分
这是一个假设的例子:
table, thead, tbody, tr { width: 100%; }
table { table-layout: fixed }
table > thead > tr > th { width: auto; }<table>
<thead>
<tr>
<th>Column A</th>
<th>Column B</th>
<th>Column C</th>
<th class="absorbing-column">Column D</th>
</tr>
</thead>
<tbody>
<tr>
<td>Data A.1 lorem</td>
<td>Data B.1 ip</td>
<td>Data C.1 sum l</td>
<td>Data D.1</td>
</tr>
<tr>
<td>Data A.2 ipsum</td>
<td>Data B.2 lorem</td>
<td>Data C.2 some data</td>
<td>Data D.2 a long line of text that is long</td>
</tr>
<tr>
<td>Data A.3</td>
<td>Data …45
推荐指数
推荐指数
2
解决办法
解决办法
13万
查看次数
查看次数
让Google Chrome在打印页面上重复表格标题
我希望每个打印页面都重复我的表格标题,但似乎谷歌Chrome不能<thead>很好地支持标签......有没有办法解决这个问题？我正在使用Google Chrome v13.0.782.215.
表格代码非常简单......没什么特别的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css" media="all">
@page {
size: landscape;
margin-top: 0;
margin-bottom: 1cm;
margin-left: 0;
margin-right: 0;
}
table {
border: .02em solid #666; border-collapse:collapse;
width:100%;
}
td, th {
border: .02em solid #666; font-size:12px; line-height: 12px;
vertical-align:middle; padding:5px; font-family:"Arial";
}
th { text-align:left; font-size:12px; font-weight:bold; }
h2 { margin-bottom: 0; }
</style>
</head>
<body>
<h2>Page Title</h2>
<table>
<thead>
<tr class="row1">
<th><strong>Heading 1</strong></th>
<th><strong>Heading 2</strong></th> …44
推荐指数
推荐指数
2
解决办法
解决办法
4万
查看次数
查看次数
创建链接到csv文件的表
我正在尝试*.csv使用d3 创建一个链接到文件的表,但我得到的只是一个空白的网页.即使使用克里米亚示例,我也会得到一个空白页面.
我将很感激被指导或展示一个工作实例或建议我做错了什么.
44
推荐指数
推荐指数
2
解决办法
解决办法
3万
查看次数
查看次数
如何获取最右边的列以填充剩余空间？
44
推荐指数
推荐指数
3
解决办法
解决办法
4万
查看次数
查看次数
自动编号表行？
我有以下HTML表格:
<table border="1">
<tr>
<td>blue</td>
</tr>
<tr>
<td>red</td>
</tr>
<tr>
<td>black</td>
</tr>
</table>
我希望此表中的每一行都有一个自动分配给每个项目的数字.
他怎么办？
44
推荐指数
推荐指数
3
解决办法
解决办法
6万
查看次数
查看次数
标签 统计
html-table ×10
html ×7
css ×3
javascript ×3
width ×2
d3.js ×1
dom-events ×1
html5 ×1
jquery ×1
jquery-ui ×1
object ×1
themeroller ×1
themes ×1