jsp화면 테이블컬럼 크기 조절 방식 수정

main
이범준 9 months ago
parent dea62d9c48
commit 8f2afa9c48

@ -1021,14 +1021,14 @@ $(document).ready(function(){
$("#btnInstLevyExcl--${pageName}").on("click", () => $P.openLevyExclPop("1")); $("#btnInstLevyExcl--${pageName}").on("click", () => $P.openLevyExclPop("1"));
fnMakeResizableTable($("#photoInspection-responsive--${pageName}")[0]);
fnMakeResizableTable($("#sameVehicleInspectionMain-responsive--${pageName}")[0]);
fnMakeResizableTable($("#sameVehicleInspectionSub-responsive--${pageName}")[0]);
//스크롤 테이블 //스크롤 테이블
fnMakeScrollableTable($("#photoInspection-responsive--${pageName}")[0], $P.scrollInspectionDataList); fnMakeScrollableTable($("#photoInspection-responsive--${pageName}")[0], $P.scrollInspectionDataList);
fnMakeScrollableTable($("#sameVehicleInspectionMain-responsive--${pageName}")[0], $P.scrollInspectionDataList); fnMakeScrollableTable($("#sameVehicleInspectionMain-responsive--${pageName}")[0], $P.scrollInspectionDataList);
$("#photoInspection_Table_0--${pageName}").find("th").resizable({handles : "e"});
$("#sameVehicleInspectionMain_Table_0--${pageName}").find("th").resizable({handles : "e"});
$("#sameVehicleInspectionSub_Table_0--${pageName}").find("th").resizable({handles : "e"});
/************************************************************************** /**************************************************************************
* 초기화 * 초기화
**************************************************************************/ **************************************************************************/

@ -314,6 +314,7 @@ $(document).ready(function(){
$P.crdnControl.download(); $P.crdnControl.download();
}); });
fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList);
$('#btnUpdateToConfirmData--${pageName}').on('click', () => { $('#btnUpdateToConfirmData--${pageName}').on('click', () => {
@ -350,8 +351,6 @@ $(document).ready(function(){
//보안모드 //보안모드
fn_securityModeToggle($("#securityMode--top").is(":checked")); fn_securityModeToggle($("#securityMode--top").is(":checked"));
$("#DataTables_Table_0--${pageName}").find("th").resizable({handles : "e"});
}); });
</script> </script>

@ -299,10 +299,9 @@ $(document).ready(function(){
$("#btnInsertByFile--${pageName}").on('click', () => { $P.crdnControl.newInfo("file"); }); $("#btnInsertByFile--${pageName}").on('click', () => { $P.crdnControl.newInfo("file"); });
$("#btnInsertByHand--${pageName}").on('click', () => { $P.crdnControl.newInfo("hand"); }); $("#btnInsertByHand--${pageName}").on('click', () => { $P.crdnControl.newInfo("hand"); });
fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList);
$("#DataTables_Table_0--${pageName}").find("th").resizable({handles : "e"});
/************************************************************************** /**************************************************************************
* 초기화 * 초기화
**************************************************************************/ **************************************************************************/

@ -394,17 +394,13 @@ $(document).ready(function(){
$("#btnSendCrdn--${pageName}").on("click", () => $P.fnSendCrdn()); $("#btnSendCrdn--${pageName}").on("click", () => $P.fnSendCrdn());
//업무별 그리드 //업무별 그리드
$("#DataTables_Table_0--${pageName}").find("th").resizable( "destroy" );
var colsContent = document.getElementById("crdnCols--${pageName}").content; var colsContent = document.getElementById("crdnCols--${pageName}").content;
var cols = $(colsContent).find("."+clsForTask+",.cmn"); var cols = $(colsContent).find("."+clsForTask+",.cmn");
var colsStr = ""; var colsStr = "";
cols.each(function(){ cols.each(function(){
colsStr += this.outerHTML; colsStr += this.outerHTML;
}); });
$("#crdnThead--${pageName}").html(colsStr); $("#table-responsive--${pageName}")[0].changeColumn(colsStr);
$("#DataTables_Table_0--${pageName}").find("th").resizable({handles : "e"});
if(SYS_LINK_INFO.NXRP_LINK_YN != 'Y'){ if(SYS_LINK_INFO.NXRP_LINK_YN != 'Y'){
$("#btnSendCrdn--${pageName}").attr("hidden","hidden"); $("#btnSendCrdn--${pageName}").attr("hidden","hidden");
@ -560,7 +556,7 @@ $(document).ready(function(){
$('#btnSearch--${pageName}').on('click', () => $P.searchCrdnList()); $('#btnSearch--${pageName}').on('click', () => $P.searchCrdnList());
$('#btnExcel--${pageName}').on('click', () => $P.fnExcelDown(false)); $('#btnExcel--${pageName}').on('click', () => $P.fnExcelDown(false));
$('#btnExcelForApproval--${pageName}').on('click', () => $P.fnExcelDown(true)); $('#btnExcelForApproval--${pageName}').on('click', () => $P.fnExcelDown(true));
fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList);
/************************************************************************** /**************************************************************************

@ -51,7 +51,7 @@
</div> </div>
<div class="card-datatable text-nowrap"> <div class="card-datatable text-nowrap">
<div class="dataTables_wrapper dt-bootstrap5 no-footer"> <div class="dataTables_wrapper dt-bootstrap5 no-footer">
<div id="table-responsive--${pageName}" class="table-responsive" <div id="table-responsive_0--${pageName}" class="table-responsive"
style="overflow-x: scroll;height:300px;overflow-y: scroll;"> style="overflow-x: scroll;height:300px;overflow-y: scroll;">
<table id="DataTables_Table_0--${pageName}" <table id="DataTables_Table_0--${pageName}"
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer"> class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
@ -187,7 +187,7 @@
</div> </div>
<div class="card-datatable text-nowrap"> <div class="card-datatable text-nowrap">
<div class="dataTables_wrapper dt-bootstrap5 no-footer"> <div class="dataTables_wrapper dt-bootstrap5 no-footer">
<div id="table-responsive--${pageName}" class="table-responsive" <div id="table-responsive_1--${pageName}" class="table-responsive"
style="overflow-x: scroll;height:300px;overflow-y: scroll;"> style="overflow-x: scroll;height:300px;overflow-y: scroll;">
<table id="DataTables_Table_1--${pageName}" <table id="DataTables_Table_1--${pageName}"
class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer"> class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
@ -474,8 +474,8 @@ $(document).ready(function(){
$("#btnRemove--${pageName}").on('click', () => { $P.fnRemove(); }); $("#btnRemove--${pageName}").on('click', () => { $P.fnRemove(); });
$("#btnShowDeleted--${pageName}").on('click', () => { $P.fnShowDeleted(); }); $("#btnShowDeleted--${pageName}").on('click', () => { $P.fnShowDeleted(); });
$("#DataTables_Table_0--${pageName}").find("th").resizable({handles : "e"}); fnMakeResizableTable($("#table-responsive_0--${pageName}")[0]);
$("#DataTables_Table_1--${pageName}").find("th").resizable({handles : "e"}); fnMakeResizableTable($("#table-responsive_1--${pageName}")[0]);
/************************************************************************** /**************************************************************************
* 초기화 * 초기화

@ -459,8 +459,7 @@ $(document).ready(function(){
$("#btnHistory--${pageName}").on('click', () => { $P.fnOpenHistory(); }); $("#btnHistory--${pageName}").on('click', () => { $P.fnOpenHistory(); });
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollExmptnVhclList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollExmptnVhclList);
fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
$("#DataTables_Table_0--${pageName}").find("th").resizable({handles : "e"});
/************************************************************************** /**************************************************************************
* 초기화 * 초기화

@ -652,9 +652,9 @@ $(document).ready(function(){
$("#btnDeleteSameRcptYmd--${pageName}").on("click", () => $P.fnRemoveSameRcptYmd()); $("#btnDeleteSameRcptYmd--${pageName}").on("click", () => $P.fnRemoveSameRcptYmd());
$("#btnOpenCvlcptOrgnl--${pageName}").on("click", () => $P.fnOpenCvlcptOrgnl()); $("#btnOpenCvlcptOrgnl--${pageName}").on("click", () => $P.fnOpenCvlcptOrgnl());
fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList);
$("#DataTables_Table_0--${pageName}").find("th").resizable({handles : "e"});
/************************************************************************** /**************************************************************************
* 초기화 * 초기화

@ -708,10 +708,9 @@ $(document).ready(function(){
$("#btnExecuteAnswer--${pageName}").on("click", () => $P.fnExecuteAnswer()); $("#btnExecuteAnswer--${pageName}").on("click", () => $P.fnExecuteAnswer());
$("#btnAnswerComplete--${pageName}").on("click", () => $P.fnAnswerComplete()); $("#btnAnswerComplete--${pageName}").on("click", () => $P.fnAnswerComplete());
fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList);
$("#DataTables_Table_0--${pageName}").find("th").resizable({handles : "e"});
/************************************************************************** /**************************************************************************
* 초기화 * 초기화
**************************************************************************/ **************************************************************************/

@ -541,10 +541,9 @@ $(document).ready(function(){
$("#btnDelete--${pageName}").on("click", () => $P.fnRemove()); $("#btnDelete--${pageName}").on("click", () => $P.fnRemove());
$("#btnOpenCvlcptOrgnl--${pageName}").on("click", () => $P.fnOpenCvlcptOrgnl()); $("#btnOpenCvlcptOrgnl--${pageName}").on("click", () => $P.fnOpenCvlcptOrgnl());
fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollCrdnList);
$("#DataTables_Table_0--${pageName}").find("th").resizable({handles : "e"});
/************************************************************************** /**************************************************************************
* 초기화 * 초기화
**************************************************************************/ **************************************************************************/

@ -452,10 +452,9 @@ $(document).ready(function(){
$("#btnDelete--${pageName}").on("click", () => $P.fnRemove(null)); $("#btnDelete--${pageName}").on("click", () => $P.fnRemove(null));
$("#btnDeleteAllCompleteData--${pageName}").on("click", () => $P.fnRemoveAllCompleteData()); $("#btnDeleteAllCompleteData--${pageName}").on("click", () => $P.fnRemoveAllCompleteData());
fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDmndList); fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDmndList);
$("#DataTables_Table_0--${pageName}").find("th").resizable({handles : "e"});
/************************************************************************** /**************************************************************************
* 초기화 * 초기화
**************************************************************************/ **************************************************************************/

Loading…
Cancel
Save