html den table responsive ı js den responsive:false yapın.
Hocam öncelikle teşekkür ederim. Sayfa içinde responsive nin geçtiği yer burası. yapmam gereken işlem bu sayfada mı alakalı yoksa başka sayfada mı?
"<div class="table-responsive">
<table id="example2" class="table table-striped table-bordered" style="width:100%">"
<?php $publicbase = base_url() . "/public" . "/" ?>
<!doctype html>
<?php
helper("theme_module");
theme_module();
?>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php helper("title"); title();?></title>
<?php helper("ayarlar");?>
<link rel="icon" type="image/x-icon" href="<?= base_url() ?>/<?php echo ayarlar("favicon");?>">
<!--plugins-->
<link href="<?= $publicbase ?>assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet">
<link href="<?= $publicbase ?>assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet">
<link href="<?= $publicbase ?>assets/plugins/simplebar/css/simplebar.css" rel="stylesheet">
<!-- loader-->
<link href="<?= $publicbase ?>assets/plugins/datatable/css/dataTables.bootstrap5.min.css" rel="stylesheet">
<link href="<?= $publicbase ?>assets/css/pace.min.css" rel="stylesheet">
<script src="<?= $publicbase ?>assets/js/pace.min.js"></script>
<!--Styles-->
<link href="<?= $publicbase ?>assets/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
<link rel="stylesheet" href="<?= $publicbase ?>assets/css/icons.css">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
<link href="<?= $publicbase ?>assets/css/main.css" rel="stylesheet">
<link href="<?= $publicbase ?>assets/css/dark-theme.css" rel="stylesheet">
<link href="<?= $publicbase ?>assets/css/semi-dark-theme.css" rel="stylesheet">
<link href="<?= $publicbase ?>assets/css/minimal-theme.css" rel="stylesheet">
<link href="<?= $publicbase ?>assets/css/shadow-theme.css" rel="stylesheet">
</head>
<body>
<?= view("inc/nav") ?>
<!--start main content-->
<main class="page-content">
<!--breadcrumb-->
<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
<div class="breadcrumb-title pe-3">Vadeli İşlemler</div>
<div class="ps-3">
<nav aria-label="breadcrumb">
<ol class="breadcrumb mb-0 p-0">
<li class="breadcrumb-item"><a href="javascript:;"><i class="bx
bx-home-alt"></i></a>
</li>
<li class="breadcrumb-item active" aria-current="page">Vadeli Satış İşlemleri</li>
</ol>
</nav>
</div>
</div>
<!--end breadcrumb-->
<div class="row g-3">
<div class="col-auto">
<div class="d-flex align-items-center gap-2 justify-content-lg-end">
<a href="<?= base_url("debt/add") ?>" class="btn btn-primary px-4"><i class="bi bi-plus-lg me-2"></i>Vadeli Satış Ekle</a>
</div>
</div>
</div><!--end row-->
<div class="card mt-4">
<?php if (session()->has('error')) : ?>
<div class="alert alert-danger text-center"><?= session('error') ?></div>
<?php endif; ?>
<?php if (session()->has('success')) : ?>
<div class="alert alert-success text-center"><?= session('success') ?></div>
<?php endif; ?>
<div class="card-body">
<div class="row">
<div class="col-md-3 mb-2">
<button type="button" id="action_hidden" class="btn btn-primary">İşlem Kısmını gizle</button>
</div>
</div>
<div class="table-responsive">
<table id="example2" class="table table-striped table-bordered" style="width:100%">
<?php
helper("id_to_data");
helper("shortcust");
?>
<thead>
<tr>
<th>Müşteri Adı</th>
<th>Sipariş Notu</th>
<th>Tutar</th>
<th>Ürün</th>
<th>Miktar</th>
<th>Tarih</th>
<th>Son ödeme tarihi</th>
<th>Ödeme Durumu</th>
<th class="table_action">İşlem</th>
</tr>
</thead>
<tbody>
<?php if (!empty($debt_detail) && is_array($debt_detail)) { ?>
<tr>
<td class="bg-primary text-white">
<div class="d-flex align-items-center gap-3">
<div class="product-info">
<a href="javascript:;" class="product-title text-light">Kalan Borç Tutarı</a>
</div>
</div>
</td>
<td class="bg-primary text-white"></td>
<td class="bg-primary text-light"> <?php
helper("customer");
echo musteri_borc_goruntule($customer_id); ?> TL</td>
<td class="bg-primary text-white"></td>
<td class="bg-primary text-white"></td>
<td class="bg-primary text-white"></td>
<td class="bg-primary text-white"></td>
<td class="bg-primary text-white"></td>
</tr>
<?php foreach ($debt_detail as $row) : ?>
<tr>
<td>
<div class="d-flex align-items-center gap-3">
<div class="product-info">
<a href="javascript:;" class="product-title"><?php $customer_data = get_customer_by_id($row->customer_id);
echo htmlspecialchars($customer_data->customer_name); ?></a>
</div>
</div>
</td>
<td> <?= htmlspecialchars($row->debt_note) ?></td>
<td> <?= $row->debt_price ?> TL</td>
<td><?php if ($row->product_id != 0) {
$product_data = get_product_by_id($row->product_id);
if (!empty($product_data)) {
echo htmlspecialchars($product_data->product_name);
} else {
echo "Ürün Kaydı Silinmiş!";
};
} else {
echo "<p style='color: green;'>BORÇ ÖDEME</p>";
} ?></td>
<td> <?= $row->debt_piece ?> KG</td>
<td><?= format_date($row->debt_date) ?></td>
<?php
if ($row->product_id != 0) { ?>
<td><?= format_date($row->debt_date_end) ?></td>
<?php
} else {
?>
<td>--</td>
<?php
}
?>
<?php
if ($row->product_id != 0) { ?>
<td class="<?php if ($row->debt_success == 0) {
echo "text-danger";
} else {
echo "text-success";
} ?>"><?php if ($row->debt_success == 0) {
echo "Ödenmedi";
} else {
echo "Ödendi";
} ?></td>
<?php
} else {
?>
<td>--</td>
<?php
}
?>
<td class="table_action">
<div class="dropdown">
<button class="btn btn-sm btn-light border dropdown-toggle dropdown-toggle-nocaret" type="button" data-bs-toggle="dropdown">
<i class="bi bi-three-dots"></i>
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="<?= base_url("debt/delete") . "/" . $row->id ?>">Kaydı Sil</a></li>
<?php
if ($row->product_id != 0) { ?>
<?php if ($row->debt_success == 0) { ?>
<li><a class="dropdown-item" href="<?= base_url("debt/odendi") . "/" . $row->id . "/" . $row->customer_id ?>">Ödendi</a></li>
<?php
}
}
?>
</ul>
</div>
</td>
</tr>
<?php endforeach ?>
</tbody>
</table>
<?php } else { ?>
<div class="alert alert-warning" role="alert">
Kayıt bulunamadı.
</div>
<?php } ?>
</div>
</div>
</div>
</main>
<!--end main content-->
<script src="https://code.jquery.com/jquery-3.6.4.js" integrity="sha256-a9jBBRygX1Bh5lt8GZjXDzyOB+bWve9EiO7tROUtj/E=" crossorigin="anonymous"></script>
<script>
$(document).ready(function() {
$("#search-input").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("table tbody tr").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
});
});
});
</script>
<!--start overlay-->
<div class="overlay btn-toggle-menu"></div>
<!--end overlay-->
<?= view("inc/footer") ?>
<!--plugins-->
<script src="<?= $publicbase ?>assets/js/jquery.min.js"></script>
<script src="<?= $publicbase ?>assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script>
<script src="<?= $publicbase ?>assets/plugins/metismenu/js/metisMenu.min.js"></script>
<script src="<?= $publicbase ?>assets/plugins/simplebar/js/simplebar.min.js"></script>
<script src="<?= $publicbase ?>assets/plugins/datatable/js/jquery.dataTables.min.js"></script>
<script src="<?= $publicbase ?>assets/plugins/datatable/js/dataTables.bootstrap5.min.js"></script>
<script>
$(document).ready(function() {
$('#example').DataTable();
});
</script>
<script>
$(document).ready(function() {
var table = $('#example2').DataTable({
lengthChange: false,
buttons: ['copy', 'excel', 'pdf', 'print']
});
table.buttons().container()
.appendTo('#example2_wrapper .col-md-6:eq(0)');
});
</script>
<script>
let isHidden = false;
document.getElementById("action_hidden").addEventListener("click", function() {
let elements = document.getElementsByClassName("table_action");
for (let i = 0; i < elements.length; i++) {
if (isHidden) {
elements[i].style.display = "block";
} else {
elements[i].style.display = "none";
}
}
isHidden = !isHidden;
});
</script>
<!--BS Scripts-->
<script src="<?= $publicbase ?>assets/js/bootstrap.bundle.min.js"></script>
<script src="<?= $publicbase ?>assets/js/main.js"></script>
</body>
</html>