How do I add button on each row in datatable?

by

Basically your code is okay, thats the right way to do this. Anyhow, there are some misunderstandings:

  1. fetchUserData.cfm does not contain key/value pairs. So it doesn’t make sense to address keys in mData. Just use mData[index]

  2. dataTables expects some more info from your serverside. At least you should tell datatables how many items in total are on your serverside and how many are filtered.
    I just hardcoded this info to your data. You should get the right values from counts in your server sided script.

    {
 "iTotalRecords":"6",
 "iTotalDisplayRecords":"6",
  "aaData": [
[
    "1",
    "sameek",
    "sam",
    "sam",
    "[email protected]",
    "1",
    ""
],...

  3. If you have the column names already set in the html part, you don’t need to add sTitle.

  4. The mRender Function takes three parameters:

    • data = The data for this cell, as defined in mData
    • type = The datatype (can be ignored mostly)
    • full = The full data array for this row.

So your mRender function should look like this:

  "mRender": function(data, type, full) {
    return '<a class="btn btn-info btn-sm" href=#/' + full[0] + '>' + 'Edit' + '</a>';
  }

Find a working Plunker here

More Related Contents:

  1. How to reload/refresh jQuery dataTable?
  2. TypeError: $(…).DataTable is not a function
  3. JQuery Datatables search within input and select
  4. jQuery DataTables server-side processing using ASP.NET WebForms
  5. jquery datatables hide column
  6. DataTables row.add to specific index
  7. Disable sorting for a particular column in jQuery DataTables
  8. How to use rowspan and colspan in tbody using datatable.js?
  9. jQuery plugin DataTables: How to highlight the current search text?
  10. How to implement hierarchical multilevel datatable in javaScript?
  11. Datatables TypeError: c is undefined
  12. How to add Rowspan in JQuery datatables
  13. How to submit checkboxes from all pages with jQuery DataTables
  14. JQuery Datatables : Cannot read property ‘aDataSort’ of undefined
  15. How to add class to div based on radio button selected in it?
  16. How to disable browser reload button on mouse click
  17. How to count the number of occurrences of each item in an array? [duplicate]
  18. How do I check if string contains substring? [duplicate]
  19. Why use jQuery on() instead of click()
  20. Can jQuery provide the tag name?
  21. jQuery single selector vs .find()
  22. Load image with jQuery and append it to the DOM
  23. Where is jQuery.data() stored?
  24. Capture event onclose browser
  25. Looping through jQuery Deferreds after all promises have been called
  26. Countdown timer using Moment js
  27. Proper way to detect WebGL support?
  28. JQuery UI Tabs Causing Screen to “Jump”
  29. jQuery difference between :eq() and :nth-child()
  30. jQuery when element becomes visible [duplicate]

Leave a Comment