JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://raw.github.com/wet-boew/wet-boew/master/src/js/dependencies/parserTable.js"></script>
<table cellspacing="0" border="1">
<thead><tr role="row"><th rowspan="3" colspan="4" class="ui-state-default"></th><th data-sortable="true" profondeur="0" id="229" nbfeuilles="6" colspan="6" class="ui-state-default" rowspan="1">entete</th></tr><tr role="row"><th data-sortable="true" profondeur="1" id="237" nbfeuilles="4" colspan="4" class="ui-state-default" rowspan="1">ccccccccccccccc</th><th data-sortable="true" profondeur="1" id="231" rowspan="3" colspan="1" class="sorting ui-state-default" tabindex="0" aria-controls="matriceMagasin" aria-label="bbbbbbbbbbbbbbbb: activate to sort column ascending" style="width: 260px;"><div class="DataTables_sort_wrapper">bbbbbbbbbbbbbbbb<span class="DataTables_sort_icon css_right ui-icon ui-icon-carat-2-n-s"></span></div></th><th data-sortable="true" profondeur="1" id="230" rowspan="3" colspan="1" class="sorting ui-state-default" tabindex="0" aria-controls="matriceMagasin" aria-label="aaaaaaaaaaaaaa: activate to sort column ascending" style="width: 232px;"><div class="DataTables_sort_wrapper">aaaaaaaaaaaaaa<span class="DataTables_sort_icon css_right ui-icon ui-icon-carat-2-n-s"></span></div></th></tr><tr role="row"><th data-sortable="true" profondeur="2" id="239" rowspan="2" colspan="1" class="descriptionEmploye sorting ui-state-default" tabindex="0" aria-controls="matriceMagasin" aria-label="ffffffffffffffffffff: activate to sort column ascending" style="width: 174px;"><div class="DataTables_sort_wrapper">ffffffffffffffffffff<span class="DataTables_sort_icon css_right ui-icon ui-icon-carat-2-n-s"></span></div></th><th data-sortable="true" profondeur="2" id="238" nbfeuilles="3" colspan="3" class="ui-state-default" rowspan="1">dddddddddddddddd</th></tr><tr role="row"><th class="cache descriptionEmploye sorting ui-state-default sorting_asc" tabindex="0" aria-controls="matriceMagasin" rowspan="1" colspan="1"...
CSS
th { font-weight: bold; }
JavaScript
(function ($) {
$(document).ready(function() {
// Used to get the reference to the WxT table parser
var _pe = window.pe || {
fn : {}
};
// For each table elements
$('table').each(function () {
var $tbl = $(this);
// Parse the table
_pe.fn.parsertable.parse($tbl);
// For each data cell
$('td', $tbl).each(function () {
var $td = $(this),
tblparser;
// Get the API structure as defined under "Table Parser - WET 3.0 release" (https://github.com/duboisp/Table-Usability-Concept/blob/master/API/td.md#table-parser---wet-30-release)
tblparser = $td.data().tblparser;
// Set the cell location (x, y)
$td.html(tblparser.row.rowpos + ', ' + tblparser.col.start);
});
});
});
}(jQuery));