JSFiddle - React, Tailwind, and code Playground

by leighboone

JavaScript

var headertext = [];
var headers = document.querySelectorAll("th"),
tablerows = document.querySelectorAll("tr"),
tablebody = document.querySelector("tbody"),
d = document.querySelector("table");
d.className = d.className +" rwd-table";
console.log(headers);
if(headers.length == 0){alert("no th present")};
for(var i = 0; i < headers.length; i++) {
var current = headers[i];
    headertext.push( current.textContent.replace( /\r?\n|\r/,"") );
}
for (var i = 0, row; row = tablebody.rows[i]; i++) {
for (var j = 0, col; col = row.cells[j]; j++) {
    col.setAttribute("data-th", headertext[j]);

} }