JSFiddle - React, Tailwind, and code Playground

HTML

<table id="editing-example" class="table">
  <tr>
    <td id="test">foo</td>
  </tr>
</table>

JavaScript

$( document ).ready(function() {
    $( "#editing-example" ).data({
	  "sort": "true",
	  "editing-show-text": '<span class="fooicon fooicon-pencil" aria-hidden="true"></span> Edit rows',
	  "editing": "true",
	  "editing-always-show": "true",
	  "editing-add-test": "Ajouter un nouvel interlocuteur",
	  "filtering": "true",
	  "editing-edit-text": '<span class="fooicon fooicon-pencil" aria-hidden="true"></span>',
	  "paging": "true"
	});
  
  $( "#test" ).on('click', function(){
  console.log($(this).parents('table:eq(0)').data() )
  })
});