Tag: tablerow

使用JavaScript从用户输入追加行: 我是一个非常早期的初学者，正试图用JavaScript做点什么。基本上我有一个HTML表单，我收集用户输入。我有一个提交按钮。提交时，我希望输入中的值作为新行附加到表中。我花了好几个小时试图找到方向，有人能指出我正确的方向吗？

jquery DataTables父行和子行作为一个记录而不是两个记录发布到服务器: 我有一个问题， jquery DataTables在resize（响应DataTable）上创建父行和子行，我需要保存子行和父行的输入值，并通过ajax发送到控制器操作。响应（resize）DataTable：正常（未resize）DataTable：目前我正在使用此jquery函数将数据发布到服务器： $(‘#SaveItemButton’).click(function (e) { var arr = []; var rows = $(‘#ItemTable’).find(‘tbody’).find(‘tr’); console.log(rows.length); $.each(rows, function (index, item) { var controls = $(this).find(‘input, select’); console.log(controls.length); item = { ItemType: controls.eq(0).val(), Unit: controls.eq(1).val(), Quantity: controls.eq(2).val(), Price: controls.eq(3).val(), InvoiceDate: $(‘#InvoiceDate’).val(), TransferDate: $(‘#TransferDate’).val(), TransferPlace: $(‘#TransferPlace’).val(), InvoiceDescription: $(‘#InvoiceDescription’).val() }; arr.push(item); }); $.ajax({ url: ‘/Item/Add’, data: […]

如何在while循环中使用jquery显示/隐藏表行: 所以我有一个使用while循环从数据库生成的表。数据以行显示。重点是有“隐藏”行，数据仅在点击时可用（如显示详细信息）。基本上我想要这样的东西： http ： //www.transfercar.co.nz/ – 如果你点击表格行，下面会显示更多数据（在新行中）。我的代码如下所示： while ($row = mysqli_fetch_array($r, MYSQLI_ASSOC)) { $display1=$display1+1; echo ‘ ‘ . $row[‘id’] . ‘ ‘ . $row[‘name’] . ‘ ‘ . $row[‘surname’] . ‘ ‘ . $row[‘country’] . ‘ ‘ . $row[‘city’] . ‘ ‘ . $row[‘category’] . ‘ ‘; if($row[‘id’]==$_GET[‘showrow’]) { echo ‘ ‘; […]

即使删除了行，也会替换表格行颜色: 我想要替换表行的不同颜色，即使我在中间删除一行。 HTML Row 1Delete Row 2Delete Row 3Delete Row 4Delete Row 5Delete jQuery的 $(function(){ update_rows(); $(“a”).click(function(){$(this).parent().parent().remove();update_rows();}); }); function update_rows() { $(“tr:even”).css(“background-color”, “#aaa”); $(“tr:odd”).css(“background-color”, “#eee”); } CSS .sam { background-color:#FF00FF; } .sams { background-color:#0000FF; } 上面的代码更改了行颜色，但没有更改具有链接的单元格。请帮我解决问题演示

jQuery可以使用多个tbody进行排序: 我有一个有多个tbody的桌子。如何为每个人制作标题？这是怎么做的？我使用jquery ui sortable。我怎么能确定每个tbody的标题是不可排序的？现在我用$(“#sortable > tbody”).sortable({});触发可$(“#sortable > tbody”).sortable({}); 。 Col1 Quantity Col1 100 Col1 20 Col1 30 Col1 50 Col1 100 Col1 20 Col1 30 Col1 50

尝试使用jQuery添加和删除表行: 我试图用jQuery添加和删除表行，添加的行包含一个删除链接，由于某种原因，它对生成的元素不起作用，即使我使用。这是我的代码： $(“#target”).click(function() { $(‘#myTable tr:last’).after(‘BlaREMOVE’); }); $(“.remove”).on(‘click’, function(event) { $(this).parent().parent().remove(); }); http://jsbin.com/ucopun/1/ 可能是什么问题呢？删除链接应该删除它所在的整行。

数据表Jquery通过单击TR展开/折叠: 我正在使用jquery datatables插件，我想通过单击TR扩展我的表。他们的网站上有一个示例，通过单击列中的图像进行扩展和折叠： http://datatables.net/release-datatables/examples/api/row_details.html 请有人帮我修改下面的代码，以便我可以通过单击TR展开/折叠该行 /* Formating function for row details */ function fnFormatDetails ( oTable, nTr ) { var aData = oTable.fnGetData( nTr ); var sOut = ”; sOut += ‘Rendering engine:’+aData[1]+’ ‘+aData[4]+”; sOut += ‘Link to source:Could provide a link here’; sOut += ‘Extra info:And any further details here (images etc)’; sOut += […]

JQuery基于 id隐藏: 我想根据表数据id隐藏表中的一些表行，我只找到了根据表数据值隐藏表行的方法，但这是（在我的情况下）不是解决方案。例如，让我们说这是我的表： row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 我的javascript / JQuery应该是什么样的？小提琴： http ： //jsfiddle.net/twyqS/

jQuery：将表格行移动到第一个位置然后再移回: 我需要将表格行从一个位置移动到表格中的第一个位置，然后再次单击旧位置。我在表格中有一个复选框列表。这些来自代码背后，已经排序。如果我单击一个复选框，我想将此条目移动到列表的开头。如果用户取消选中此框或单击另一个框，则应将其移至旧位置。为了更好地理解： [ ] 1 [ ] 3 [ ] A [ ] B [ ] C 点击例如[ ] C ： [X] C [ ] 1 [ ] 3 [ ] A [ ] B 点击例如[ ] 3 C后有一个旧位置，3已移到顶部。 [X] 3 [ ] 1 [ ] A [ ] B [ […]

将索引移动到新位置: 我有一个具有固定行布局的表。每行都有唯一的标识符。从数据库返回数据时，它对该表中的行具有不同的顺序。返回的数据与固定布局中存在的索引相同，因此我可以在固定表中找到匹配的行。我需要移动固定表布局中的行以匹配数据中的行顺序。表格布局： 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); 希望你能帮忙！