周会-修理 页面自适应屏幕宽度

zhangzhengmei

2023-05-06 e85ef7700a6b4ea5eea57c2750d831cb59ecff7d

周会-修理 页面自适应屏幕宽度

 force-app/main/default/pages/RepairPCL.page

@@ -43,13 +43,13 @@
  overflow: auto;  /*スクロールバー*/
  float:left;
  width:700px;
  height: 100px; /* tbodyを表示する高さ、後でjsにて調整 */
  height: 300px; /* tbodyを表示する高さ、後でjsにて調整 */
}
div#in_Div_L {
  position:relative;
  overflow: hidden;
  float:left;
  height: 100px;
  height: 300px;
  width: 547px;
}


 force-app/main/default/staticresources/OpportunityPCLJs.js

@@ -156,6 +156,15 @@
}

function resizeTable() {
    blockHeight = j$(window).innerHeight() - j$(escapeVfId('allPage:allForm:searchBlock')).height() - heightAjustment;
    sbwidth = scrollbarWidth();
    blockWidth = j$(escapeVfId('allPage:allForm:searchBlock')).width() - j$('div#in_Div_L').width() - widthAjustment - sbwidth;
    j$(escapeVfId('allPage:allForm:oppBlock')).css('height', blockHeight + 78 + 'px');
    j$('div#in_Div').css('width', blockWidth + 'px');
    j$('div#out_Div').css('width', blockWidth + 'px');
    


    var tableWidth = 0;
    j$('body .pbBody table#tableHeader tr.headerRow td').each(function() {
        var colClass = getColClassName(this);
@@ -166,6 +175,16 @@
    });
    j$('table#tableData').css('width', (tableWidth + 20) + 'px');
    j$('table#tableHeader').css('width', (tableWidth + 20) + 'px');



     if (j$('table#tableData').height() > j$('div#in_Div').height()) {
        j$('div#in_Div').css('width', (blockWidth + sbwidth) + 'px');
    } else {
       j$('div#out_Div').css('width', (blockWidth + sbwidth) + 'px');
        j$('div#in_Div').css('width', (blockWidth + sbwidth) + 'px');
    }
    
}

function sortTableJs_Account(key) {