Generate Table Row Break Conditionally
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"