JavaScript to make compliant tables

clean-table.js

$(document).ready(function () {
  $("table").each(function(){
       var thisTable = $(this);

        thisTable.attr("border","").removeAttr("style").addClass("table table-striped");
        $("tr").removeAttr("style");
       // $("td").removeAttr("style");

        var firstRow = thisTable.find('tr:first-child');
        
        firstRow.children('td').each(function() {
            var colSpan = $(this).attr("colspan");
            var tdw = $(this).css("width");
            var html = $(this).html();
           // console.log(colSpan);
            $(this).replaceWith('<th colspan=' + colSpan + ' style= "width:' + tdw + ';">' + html + '</th>');
        });

    firstRow.replaceWith(function(i,html){
        return '<thead>' + html + '</thead>';
    });

    var theHead = thisTable.find("thead");

    theHead.detach();
    thisTable.prepend(theHead);

    
});

$("table").wrap("<div class='table-responsive'></div>");
  
});

This script may evolve over time, but here is a first pass that is working for us on xylembenefits.com presently.