Convert JSON data to input text on a datatable using jQuery
To convert JSON data to input text on a datatable using jQuery, you can use the render option of the columns configuration to specify a function that returns the HTML markup for the input text. Here's an example:
// Assuming JSON data in the format [{ "name": "John", "age": 30 }, ...] $(document).ready(function() { $('#myTable').DataTable({ data: myData, // myData is the JSON data columns: [ { data: 'name', title: 'Name' }, { data: 'age', title: 'Age' }, { data: null, title: 'Input', render: function(data, type, row, meta) { return '<input type="text" value="' + data.name + '" />'; } } ] }); });
In this example, the data parameter of the render function is the object containing the data for the current row. We extract the name property from this object and use it as the initial value of the input text. You can modify this code to include other properties or customize the HTML markup of the input text as needed.
Komentar
Posting Komentar