FIX_TABLE_WIDTH_ISSUE
This commit is contained in:
parent
3543c3096c
commit
65b3fc029f
@ -1,16 +1,12 @@
|
|||||||
<style>
|
<style>
|
||||||
|
|
||||||
.table-content.collapse:not(.show) {
|
|
||||||
display: block !important; /* Allows width calculation */
|
|
||||||
height: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
#allTableContainer {
|
#allTableContainer {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.btn-custom {
|
.btn-custom {
|
||||||
background-color: #007bff;
|
background-color: #007bff;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
@ -2081,40 +2077,23 @@
|
|||||||
function increaseTableWidth(increaseBy) {
|
function increaseTableWidth(increaseBy) {
|
||||||
|
|
||||||
$('.table-collapsible-bar').each(function() {
|
$('.table-collapsible-bar').each(function() {
|
||||||
const $bar = $(this);
|
let currentWidth = ($(this).width());
|
||||||
const wasCollapsed = $bar.hasClass('collapsed');
|
let increaseTableWidth = (currentWidth + increaseBy);
|
||||||
|
if (increaseTableWidth < 1200){
|
||||||
// Temporarily show the bar for accurate width calculation
|
increaseTableWidth = 1200+increaseBy
|
||||||
if(wasCollapsed) {
|
|
||||||
$bar.css({
|
|
||||||
'display': 'block',
|
|
||||||
'visibility': 'hidden',
|
|
||||||
'position': 'absolute'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
const currentWidth = $bar.width();
|
|
||||||
$bar.width(currentWidth + increaseBy);
|
|
||||||
|
|
||||||
// Restore original state
|
|
||||||
if(wasCollapsed) {
|
|
||||||
$bar.css({
|
|
||||||
'display': '',
|
|
||||||
'visibility': '',
|
|
||||||
'position': ''
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
$(this).width(currentWidth + increaseBy);
|
||||||
});
|
});
|
||||||
|
// // // console.log("function called tablewidth increase");
|
||||||
$("table").each(function() {
|
$("table").each(function() {
|
||||||
const $table = $(this);
|
let currentWidth = ($(this).width());
|
||||||
const currentWidth = $table.width();
|
// alert(currentWidth);
|
||||||
$table.width(currentWidth + increaseBy);
|
let increaseTableWidth = (currentWidth + increaseBy);
|
||||||
|
console.log("Table Width increased to ",increaseTableWidth);
|
||||||
// Force layout update for hidden tables
|
if (increaseTableWidth < 1200){
|
||||||
$table.parent('.table-content').css('display', 'block');
|
increaseTableWidth = 1200+increaseBy
|
||||||
$table.width(currentWidth + increaseBy);
|
}
|
||||||
$table.parent('.table-content').css('display', '');
|
$(this).width(increaseTableWidth);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -18,7 +18,7 @@
|
|||||||
"botman/driver-web": "^1.5",
|
"botman/driver-web": "^1.5",
|
||||||
"dompdf/dompdf": "^2.0",
|
"dompdf/dompdf": "^2.0",
|
||||||
"firebase/php-jwt": "^6.10",
|
"firebase/php-jwt": "^6.10",
|
||||||
"google/apiclient": "^2.15.0",
|
"google/apiclient": "^2.18",
|
||||||
"kreait/firebase-php": "^7.0",
|
"kreait/firebase-php": "^7.0",
|
||||||
"laminas/laminas-escaper": "^2.9",
|
"laminas/laminas-escaper": "^2.9",
|
||||||
"php-amqplib/php-amqplib": "^2.8",
|
"php-amqplib/php-amqplib": "^2.8",
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user