Tag: html table

HTML / jQuery表：水平滚动，修复第一个（左）列

我有一个表格，显示一列测试名称，其中包含几个（无限数量）与测试相关的各种测试数据列。 由于会有几组数据，我想限制可以看到的数量，并让用户能够水平滚动显示/隐藏不同的数据集。 Jquery表列滑动效果的接受答案具有我正在寻找的那种滑动效果，但是如何修复最左边的名称列？ 有很多数据，所以我不想克隆两个表，正如互联网上其他地方所建议的那样。 为名称创建一个固定表，为数据结果创建一个可滚动表，但行高在可接收的数据量上是可变的（单元格中可能有多行文本），因此对齐将被抛弃。 另外，我不想要默认的Internet滚动条。 我有左/右箭头图像，我将用它来控制滚动，就像我上面发布的示例。 我花了大约4个小时在StackOverflow和互联网的其余部分寻找答案，但我还没有发现任何合适的东西…任何帮助将不胜感激，谢谢！ 编辑：绝对定位左列导致表的其余部分左移到左列下方（隐藏第一列数据）。 添加与第一列具有相同内容的“镜像”列可以正常工作; 问题是，当数据列的单元格高于相应的名称单元格时，绝对定位的名称单元格无法看到该事实并自行resize。 思考？

在jQuery中将一列的内容复制到另一列

以下jQuery非常慢（约7秒）。 我显然做错了！ 我正在尝试将列col的内容复制到HTML表中的第0列，因此如果col为2，那么我需要将第2列复制到第0列。 for (var i=0;i<31;i++) $('.grid tr:nth-child(' + i + ') td:first-child').text( $('.grid tr:nth-child(' + i + ') td:nth-child(' + col + ')').text() ); HTML： ADG BEH CFI

在窗口可调节的桌子上寻找固定的标头

我试过看了整个地方，找不到解决问题的好办法。 我期待创建一个具有固定标题的表，在滚动表的其余部分时保留。 问题是我还希望它能够在页面窗口调整时对齐。 我已经能够获得固定的标题，并且能够在调整窗口时使列对齐，但是无法使两者一起工作。 有没有可以做到这一点的脚本？ 我尝试过固定的jquery，flexigrid，固定标头咖啡，chromatable和floatyhead。 这些都没有能够给我我想要的解决方案。 也许我做错了但我有一个使用theader，tbody等的传统表。我想避免将表分成两个表，因为它们似乎从未正确排列，但如果这是唯一的解决方案，我会接受。 请帮忙！

如何使用jQuery在表的中间添加行？

我有一张桌子，上面有顾客的名字以及他们用他们的价格购买的产品。 因此每个客户都有多条记录。 此表是简单的3列表：名称，产品和价格。 我想做的是： 把属于一个客户的所有记录放在一起（我已经完成了），然后在这些行之后添加一个新的额外行，它只显示每个客户购买的所有产品的总价。 此行的名称和产品列中将包含空单元格。 并且会有总价格列。 编辑 它只是一个简单的简单表，没有任何类或ID。 客户明智分组表由php生成。 所以我有一张这样的桌子 name1 product1 100 name1 product2 200 name2 product3 50 name2 product1 100 我想将其转换为： name1 product1 100 name1 product2 200 300 name2 product3 50 name2 product1 100 150

jQuery选择器：根据内容查找表格单元格

我正在尝试选择一个包含特定文本的表格单元格，但无法找到它是如何工作的：我有这个代码 – 但不起作用： var td = $(“td:contains(‘MyCell’)”,tbl); 有什么想法有什么不对吗？

使用jQuery查找知道行和列id的表格单元格

我有一个简单的表，我已经设置了标题的ID和行的ID。 给定两者的ID，我需要在这两者的交叉处找到相应的单元格。 例： Bla Bli Blu 1 2 3 4 5 6 7 8 9 ​​​ 因此，如果我有id =“bli”和id =“dva”，这意味着我想在这个例子中对值为5的单元格做一些事情。 编辑：有很多正确的答案，我赞成所有这些答案，但不幸的是我只能选择一个正确。

如何在同一个html表上修复响应式表和标题

这是代码笔https://codepen.io/shaswat/pen/EbwPNK 我通过使所有列重复并在移动显示时显示相应的行值来响应html表 – 因此响应部分已完成 现在无法在滚动tbody时在此html表中修复标题 – 因此tbody可以具有固定的高度，并且滚动标题的时间应该是固定的 – 仅适用于大于移动显示的分辨率 – 需要帮助 HTML Some more Header information Some more Header information Header id somcol biggger id another id med col med col sheet sheet anotherbigcoloumn small anotherbigcoloumn dateformat dateformat small col dateformat averybigcolumnssssss mediumclolumnss id somcol biggger id another id med col med col sheet sheet […]

在两个表中添加jQueryhover效果

我在div有两个HTML表，它们彼此相邻。 第二个div在水平方向上是可滚动的，因此实际上它看起来像一个大表，其中前几列被“冻结”而其他列可以滚动。 当用户将鼠标hover在一个表中时，以下jQuery可以很好地突出显示一行： $(“table.grid tr:not(:first-child)”) .hover( function () { $(this).addClass(“highlight”); }, function () { $(this).removeClass(“highlight”); } ); 请注意:not(:first-child)阻止标题突出显示。 我如何修改它，以便它突出显示另一个表中的相应行（也有一类grid ）？ 换句话说，如果我将鼠标hover在任一表中的第n行，则突出显示两个表中的第n行。 编辑 ：HTML看起来像： LastFirst SmithJohn Test 1Test 2 50%70%

数据表多选列filter

我想在列filter中选择多个项目。 以下示例允许您使用下拉列表对列进行过滤： http://datatables.net/release-datatables/examples/api/multi_filter_select.html 但是，我希望能够在列filter中选择多个项目，可能在下拉列表中的每个项目旁边都有一个复选框。 例如，在示例中，我会将’A’和’C’标记为’CSS grade’，以便只在表格中显示这些等级。 如何使用DataTables插件或其他方式获得多选列filter？

将索引移动到新位置

我有一个具有固定行布局的表。 每行都有唯一的标识符。 从数据库返回数据时，它对该表中的行具有不同的顺序。 返回的数据与固定布局中存在的索引相同，因此我可以在固定表中找到匹配的行。 我需要移动固定表布局中的行以匹配数据中的行顺序。 表格布局： Some Value1 Some Value2 Some Value3 Some Value4 Some Value5 因此，如果数据库中的订单是a3，a4，a5，我需要表格看起来像这样。 Some Value1 Some Value2 Some Value3 Some Value4 Some Value5 是否可以逐行移动索引，或者如果我克隆行，将其移动到特定的行索引，然后用这样的东西删除旧的行/位置。 var clonedRow = $(“#tbl_lp_Forms > tbody > tr[class=” + myformurl + “] “).clone(true); $(‘#tbl_lp_Forms tr:first’).before(clonedRow); 希望你能帮忙！