Home Datatable How to add dynamic id to data-tables tr with ajaxify content in Laravel?

How to add dynamic id to data-tables tr with ajaxify content in Laravel?

by therichpost

Hello to all, welcome to therichpost.com. In this post, I will tell you, How to add dynamic id to data-tables tr ajaxify content in Laravel?  Laravel is one of the top php mvc framework

Datatables are the powerful jquery plug-in and it is used to create table listing with sorting and searching and many more functionality. I personally like data-tables very much because it is well-mannered listing of content in table structure.

In this post, I will let you, how to add id to data-tables tr row so we can do more with that content.

In my last post, I told  data-tables with ajaxify content and below is that post link:


DT_RowId will add it to data-tables tr.




First, we will do code in laravel controller:

public function Getdata(Request $request)
    $list = DB::table('users')
            ->select(('id as DT_RowId','name','email','telephone','updatedat')

        return response()->json([
            'data' => $list


  Second, we will do code in laravel route:

Route::match(['get','post'],'/suppliers/getsupplier', 'InventorySupplierController@GetSupplier')->middleware('ajax');

 Third, finally we will do code in laravel view:

<table id="clientsTable" class="table display responsive nowrap">
                        <th>Updated at</th>

                    <tr data-toggle="modal" data-target="#modaldemo5">
      <link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
  var cTable = $('#clientsTable').DataTable({
        searching: true,
        responsive: true,
        bLengthChange: false,
        "autoWidth": false,
        language: {
         searchPlaceholder: 'Search by name..',
         sSearch: '',
        "ajax": {
            "url": '/getdata',
             dataSrc: 'data',
        columns: [
                { data: 'name' },
                { data: 'email' },
                { data: 'telephone' },
                { data: 'updatedat' }


There are so many code tricks in laravel and i will let you know all. Please do comment if you any query related to this post. Thank you. Therichpost.com

You may also like


Sura May 3, 2018 - 5:09 am

How to make href for Name columns.ex : when Airi Sotue click see his information with another view

therichpost May 3, 2018 - 3:15 pm

Please check this example code:

“data”: responseObj,
“columns”: [
{ “data”: “information” },
“data”: “ex”,
“render”: function(data, type, row, meta){
data = ‘<a href=”‘ + data + ‘” rel=”nofollow”>’ + data + ‘</a>’;
return data;

Simran October 22, 2018 - 7:02 am

Thank you, it saved my day

Ajay Malhotra October 22, 2018 - 4:03 pm

Thank you


Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.