|
 |
|
อยากสอบถามเรื่อง pagination bootstrap พอ ผมก็มันจะเด้งกลับไปด้านบนสุดของเว็ป อะครับ เลยอยากสอบถามวิธีแก้ |
|
 |
|
|
 |
 |
|
ไหน code?
|
 |
 |
 |
 |
Date :
2018-04-10 16:36:23 |
By :
mongkon.k |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
Code (PHP)
<?php
$perpage = 2;
if (isset($_GET['page'])) {
$page = $_GET['page'];
} else {
$page = 1;
}
if($page <= 0) $page = 1;
$sql = "select * from table_tb ";
$query = mysqli_query($obj_con, $sql);
$total_record = mysqli_num_rows($query);
$total_page = ceil($total_record / $perpage);
if($page >= $total_page) $page = $total_page;
$start = ($page - 1) * $perpage;
// inner join joinstatus_tb on ec_status = js_id order by ec_id Asc
$str_sql = "select * from table_tb inner join joinstatus_tb on ec_status = js_id order by ec_id Asc limit {$start} , {$perpage} ";
$obj_rs = mysqli_query($obj_con,$str_sql);
$int_i = ($page*$perpage)-$perpage;
?>
<div class="clipboard"></div>
<div id="clipboard"></div>
<div style="width:100%;text-align: center;height: 50px;font-size: 50px;font-weight: bold;color: #fff;margin-bottom: 150px;">ตารางงาน</div>
<div class="home3" id="load">
<div style="height: 50px;"></div>
<table id="ResponsiveTable" >
<tr id=HeadRow>
<td>คิวที่</td>
<td>ชื่อลูกค้า</td>
<td>ราคา</td>
<td>งานที่รับ</td>
<td>วันที่รับงาน</td>
<td>สถานะงาน</td>
</tr>
<?php
while ($arr = mysqli_fetch_array($obj_rs)) {
$int_i++;
?>
<tr>
<td tableHeadData='คิวที่'><?= $int_i ?></td>
<td tableHeadData='ชื่อลูกค้า'><?= $arr['ec_name'] ?></td>
<td tableHeadData='ราคา'><?= $arr['ec_price'] ?></td>
<td tableHeadData='งานที่รับ'><?= $arr['ec_work'] ?></td>
<td tableHeadData='วันที่รับงาน'><?= $arr['ec_date'] ?></td>
<td tableHeadData='สถานะงาน'><?= $arr['js_name'] ?></td>
</tr>
<?php echo $str_sql; ?>
<?php }?>
</table>
<?php
/* $sql = "select * from table_tb ";
$query = mysqli_query($obj_con, $sql);
$total_record = mysqli_num_rows($query);
$total_page = ceil($total_record / $perpage);
if($page >= $total_page) $page = $total_page;*/
?>
<center>
<nav>
<ul class="pagination">
<li <?php if($page == 1)echo 'class="disabled"';?>>
<a href="index.php?page=<?= $page-1 ?>" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<?php for($i=1;$i<=$total_page;$i++){ ?>
<li id="scorllback"<?php if($page == $i)echo 'class="active"';?>><a class="scorllback" href="index.php?page=<?= $i ?>"><?php echo $i; ?></a></li>
<?php } ?>
<li <?php if($page == $total_page)echo 'class="disabled"';?>>
<a href="index.php?page=<?= $page+1 ?>" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
<center>
</div>
|
 |
 |
 |
 |
Date :
2018-04-10 16:49:06 |
By :
PobKun |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
เบื้องต้นน่ะครับ
ใช้ <div class="row"> คุมการแสดงผลแต่ละบรรทัดครับ
เช่น ถ้าหน้าเว็บมีแนวนอน 3 ส่วนในหน้านั้น ก็ควรมี <div class="row"> 3 ชุด
|
 |
 |
 |
 |
Date :
2018-04-10 17:15:58 |
By :
mongkon.k |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ลองใช่ดูละครับก็เหมือนว่าจะไม่ได้ ตอนนี้เลย ลองพยายามหา jquery มาใช่ดู
|
 |
 |
 |
 |
Date :
2018-04-10 17:56:18 |
By :
PobKun |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 00
|