responsivetable

gistfile1.txt

    /***
    Convert finance tables into responsive tables
    Loop thru each table header or in this cast tr:first child
    Then add the title for the table header to the the td elements as a data attribute
    Then in css: use :before {content: attr(data-content)}
    ***/
    $('table').each(function()
    {

        var nthChild = 1;

        $(this).find('tbody > tr:first-child > td').each(function(e)
        {

            var title = this.innerText;

            $(this)
            .parent().parent().parent()
            .find('tbody tr:not(:first-child) td:nth-child(' + nthChild + ')').attr('data-content', title);

            nthChild++

        })


    })