Skip to content Skip to sidebar Skip to footer
Home / Html / Html Table / Javascript

Generate Table Row Break Conditionally

Post a Comment
I have a with two cells that I want to display horizontally if device is computer or vertically if it's mobile. I borrowed a JS function to detect mobile from this an

Solution 1:

If you want to do only on initial load

functionisMobile() {
    returntrue; // or false
}

$(function () {

    if (isMobile()) {
        $td = $('#tbl').find('#row1_item2').detach();
        $a = $('#row1').after(`<tr id="row2"></tr>`);

        $('#row2').append($td);
    }

    $('#row1_item2').css('display', 'table-row');
})
<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><tableid="tbl"><trid="row1"><tdid="row1_item1">a</td><tdid="row1_item2"style="display: none;">b</td></tr></table>

Post a Comment for "Generate Table Row Break Conditionally"

Menu Halaman Statis