使用jQuery,如何在下面的示例表中找到任意表单元格的列索引,以便跨越多列的单元格具有多个索引?
<table>
<tbody>
<tr>
<td>One</td>
<td>Two</td>
<td id="example1">Three</td>
<td>Four</td>
<td>Five</td>
<td>Six</td>
</tr>
<tr>
<td colspan="2">One</td>
<td colspan="2">Two</td>
<td colspan="2" id="example2">Three</td>
</tr>
<tr>
<td>One</td>
<td>Two</td>
<td>Three</td>
<td>Four</td>
<td>Five</td>
<td>Six</td>
</tr>
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)
var cell = $("#example1");
var example1ColIndex = cell.parent("tr").children().index(cell);
// == 2. This is fine.
cell = $("#example2");
var example2ColumnIndex = cell.parent("tr").children().index(cell);
// == 2. It should be 4 (or 5, but I only need the lowest). How can I do this?
Run Code Online (Sandbox Code Playgroud) 所以我有这个表,当我点击一个td我想知道那个(哪个行和单元格)没有元素的任何属性.
<table>
<tbody>
<tr>
<td>1</td>
<td>2</td> // If I click on this I would like to know tr:1 & td:2
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)
使用Javascript:
// Track onclicks on all td elements
var table = document.getElementsByTagName("table")[0];
var cells = table.getElementsByTagName("td"); //
for(var i = 1; i < cells.length; i++){
// Cell Object
var cell = cells[i];
// Track with onclick
cell.onclick = function(){
// Track my location;
// …Run Code Online (Sandbox Code Playgroud) 我有一个大型报告,目前呈现为常规HTML表格.我希望能够将列组合在一起并使用按钮展开/折叠它们.
对于行而言,这是一种非常常见的做法,但对于列而言则不是很多.我想知道是否有人有任何关于使用列的提示.
我的堆栈包含jquery,以便您可以使用(尽管当然不是必需的!).
这是我的代码:
<html>
<style>
.left-info
{
font-size:14px;
font-family:Tahoma, Helvetica, sans-serif;
color:#1A5B71;
font-weight:bold;
text-align:right;
}
.right-info
{
font-size:14px;
font-family:Tahoma, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
text-align:left;
}
</style>
<body>
<table border="1">
<colgroup>
<col class="left-info" />
<col class="right-info" />
</colgroup>
<tr>
<td>3476896</td>
<td>My first HTML</td>
</tr>
<tr>
<td>5869207</td>
<td>My first CSS</td>
</tr>
</table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
但是,它显示的是简单的表格.需要帮忙 !!
我是MVC的新手,我用它Webgrid来显示一些客户价值.我需要将列与其标题一起隐藏.我该怎么做呢?
CSS:gridhide { visibility:hidden }
代码:grid.Column("Id", "ID", style: "gridhide"),