相关疑难解决方法(0)

当表包含列跨越单元格时,使用jQuery查找列索引

使用jQuery,如何在下面的示例表中找到任意表单元格的列索引,以便跨越多列的单元格具有多个索引?

HTML

<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)

jQuery的

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)

javascript jquery html-table

22
推荐指数
2
解决办法
3万
查看次数

获取小区位置

所以我有这个表,当我点击一个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)

javascript dom html-table

7
推荐指数
1
解决办法
2万
查看次数

折叠/展开表列(不是行)

我有一个大型报告,目前呈现为常规HTML表格.我希望能够将列组合在一起并使用按钮展开/折叠它们.

对于行而言,这是一种非常常见的做法,但对于列而言则不是很多.我想知道是否有人有任何关于使用列的提示.

我的堆栈包含jquery,以便您可以使用(尽管当然不是必需的!).

html javascript jquery html-table

5
推荐指数
1
解决办法
7256
查看次数

如何在html col中使用class属性

这是我的代码:

<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)

但是,它显示的是简单的表格.需要帮忙 !!

html css html-table col

5
推荐指数
1
解决办法
9484
查看次数

如何在aspasp.net MVC中隐藏Webgrid中的列?

我是MVC的新手,我用它Webgrid来显示一些客户价值.我需要将列与其标题一起隐藏.我该怎么做呢?

CSS:gridhide { visibility:hidden }
代码:grid.Column("Id", "ID", style: "gridhide"),

html css asp.net-mvc

4
推荐指数
1
解决办法
2万
查看次数

标签 统计

html-table ×4

html ×3

javascript ×3

css ×2

jquery ×2

asp.net-mvc ×1

col ×1

dom ×1