title: How to set auto incremented Id column in jQuery tables while using render method
body: <p>I have a jQuery Datatable like below </p>
  
  <pre><code> let purchasedProductTbl = $('#grdPurchasedProduct').DataTable({
              filter: false,
              paging: false,
              lengthChange: false,
              searching: false,
              ordering: false,
              autoWidth: false,
                  language: {
                      paginate: {
                          next: '&amp;#8594;', // or '→'
                          previous: '&amp;#8592;' // or '←'
                      },
                      emptyTable: "No data available.."
                  },
                  columnDefs: [
                      {
                          "defaultContent": "-",
                          "targets": "_all"
                      }
                  ],
              columns: [
                  {
                      data: "active",
                      render: function (data, type, row) {
                          console.log(row)
                          console.log(data)
                          console.log(row().index())
                          if (type === 'display') {
                              return '&lt;div class="ckbox"&gt;&lt;input type="checkbox" style="width:15px"; id=childCheckbox' + row.id + '&gt;&lt;label for="childCheckbox' + row.id + '"&gt;&lt;/label&gt;&lt;/div&gt;'
                          }
                          return data;
                      },
                      className: "dt-body-center"
                  },
  
                     {
                          "render": function (d, t, r) {
                              let $select = $("&lt;input type='text' class='product-unit' disabled/&gt;", {
                                  "id": r[0] + "start",
                                  "value": d
                              });
  
                              return $select.prop("outerHTML");
                          }
                      }
  
                  ]
          });
  </code></pre>
  
  <p>In this example the first column is a <code>checkbox</code>. I have used a <code>label</code> for style it differently, based on my style when the <code>checkbox</code> id match with the <code>label-for</code> attribute then it will work like a <code>checkbox</code>. My issue is I have many columns in this grid all dynamically generated so I am not getting any <code>unique</code> number for differentiating each <code>checkboxes</code>. Is there anyway to give a <code>unique</code> id or auto generated id for this kind of columns ? </p>
  
  <p>I have tried to get the row number but here row itself is coming as empty array. </p>
  
  <p>Is there any other option to get the <code>row number</code> or some other <code>unique</code> numbers for each row render method ? </p>
  
  <p>Any help will be appreciated.  </p>