const table = $("#tableId").DataTable();

table.rows().every( function() {
	const node = this.node(); // html node -- tr
  	const row = $(node).find('td:eq(2)'); // 3rd (0-index) column -- td
}

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: datatables d

Link to this answer
Share Copy Link

Contributed on Mar 18 2021

Chris PA

0 Answers Avg Quality 2/10

jquery datatable update row cell value

Comment

let msg = { id: 1, customer_name: 'Fred' };  // source of updates (from backend)
let row = table.row('#row-' + msg.id);
let rowindex = row.index();                                                            
let columns = table.settings().init().columns;                                      
table.columns().every(function (colindex) {     
     let coldata = columns[colindex].data;  // 'data' as in the DT column definition
     if (coldata != 'id' && msg.hasOwnProperty(coldata)) {  // (don't update the id!)
         table.cell({row: rowindex, column: colindex}).data(msg[coldata])  
     }                                                                              
});

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: cell

Link to this answer
Share Copy Link

Contributed on Oct 10 2021

Dentetsu

0 Answers Avg Quality 2/10

datatable edit row

Comment

// Assume you have an HTML table with the id "myTable"
// Each row may have an "edit" button to initiate editing

$(document).ready(function() {
  // Bind click event to all "edit" buttons in the table
  $('#myTable').on('click', '.edit-row', function() {
    // Get reference to the current row
    var currentRow = $(this).closest('tr');

    // Extract values from the row cells, assuming each cell has a "data-*" attribute to identify the field
    var column1Value = currentRow.find('[data-column="column1"]').text();
    var column2Value = currentRow.find('[data-column="column2"]').text();
    // ... and so on for other columns

    // Example of opening a modal or a form for editing the data
    openEditForm(column1Value, column2Value);
  });

  // Function to handle opening/editing the row data
  function openEditForm(column1Value, column2Value) {
    // Your implementation here, which could be opening a modal or a form
    // with fields pre-populated with the row's data, allowing the user to edit it
    console.log('Edit form opened with column values:', column1Value, column2Value);
  }
});

Popularity 8/10 Helpfulness 1/10 Language javascript

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

datatable editable row update other cell

Contents

More Related Answers

datatable editable row update other cell

Closely Related Answers

datatables modify rows

jquery datatable update row cell value

datatable edit row

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.