Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > สอบถาม ว่าจะทำให้การแสดงหน้าเพียง 3 รายการทั้ง 2 ตาราง ทำอย่างไรค่ะ

สอบถาม ว่าจะทำให้การแสดงหน้าเพียง 3 รายการทั้ง 2 ตาราง ทำอย่างไรค่ะ

เริ่มหัวข้อใหม่

Pim

โพสกระทู้ ( 19 )
บทความ ( 0 )

pro_vw3 เป็นตารางสินค้า และ tb_delivery เป็นตารางงานที่ทำของพนักงาน ตอนนี้ตารางสินค้าสามารถแสดง 3 รายการแล้วค่ะ แต่ตารางพนักงานยังแสดงทั้งหมด จะทำอย่างไรให้แสดง 3 รายการเหมื่อนกับตารางสินค้าค่ะ

Code (PHP)

<?php session_cache_limiter('private, must-revalidate');
session_cache_expire(400);?>
<?php @session_start(); ?>
<?php include('header.php'); ?>
<?php include('connect.php'); ?>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Data Tables</title>
		
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">		
		
		<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.12/css/jquery.dataTables.css">		 
		
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
		
		<script type="text/javascript" charset="utf8" src="../js/jquery.dataTablesB.js"></script>
		<script type="text/javascript">
			
			$(function(){
				
				$('#example').dataTable( {
					"bFilter": false
				} );
			});
		</script>
  </head>
  <body>
  <!-- เนื้อหา -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
<br/>
<center>
    <form method="post">  
	  <input type="text"  name="txt_search" size="50" Value="<?=(isset($_POST['txt_search'])? $_POST['txt_search'] : '')?>"  />
      <input type="submit" name="search" value="ค้นหา" />
    </form>
</center>
<p align="right">
</p>

        <section class="content-header">
          <h1>
            แสดงสินค้า         
          </h1>         
        </section>
        <!-- Main content -->
        <section class="content">
      <div class="CSSTableGenerator" >          
  <table id="example">  
				<thead>
					<tr>
						<td>เลขที่</td>
                		<td>รหัสสินค้า</td>
                		<td>ชื่อสินค้า</td>       		
                		<td>รูปสินค้า</td>
                		<td>ราคา</td>
                		<td>จำนวน</td>
                		<td>หน่วย</td>						           		
					</tr>
				</thead>
				<tbody>                
				   <?php				  
              $sql=" select * from pro_vw3 ";            
                if(isset($_POST['search']))
              {
                  $txt_search=$_POST['txt_search'];
                  $sql.=" where";
                  $sql.=" pro_no like '%".$txt_search."%'";
                  $sql.=" or";
                  $sql.=" pro_name like '%".$txt_search."%'";  
                  $sql.=" or";
                  $sql.=" type_name like '%".$txt_search."%'"; 
              }
					$result = $conn->query($sql);
					if ($result->num_rows > 0) {
						while($row = $result->fetch_assoc()) {
							echo "<tr>";
							echo "<td>" . $row["pro_id"]. "</td>";								
							echo "<td> <a href='view_product.php?pro_id=" .$row['pro_id']. "'>".$row["pro_no"]."</a></td>";
							echo "<td>" . $row["pro_name"]. "</td>";																								
							echo "<td><img src=\"../upload/".$row["pro_pic1"]."\" width='130'/></td>";
							echo "<td>" . $row["pro_sell"]. "</td>";
							echo "<td>" . $row["pro_qty"]. "</td>";
							echo "<td>" . $row["unit_name"]. "</td>";	
						}
					}					
					?> 
				</tbody>
			</table>	
  <section class="content-header">
          <h1>
             งานประจำวัน</h1>         
        </section>
   <table id="example">
				<thead>
					<tr>						
                		<td>วัน</td>
                		<td>วันที่</td>       		
                		<td>พนักงาน</td>
                		<td>งานที่ทำ</td>              		
					</tr>
				</thead>
				<tbody>               
				   <?php
           $sql=" select * from tb_delivery order by tb_delivery desc ";                          
					$result = $conn->query($sql);
					if ($result->num_rows > 0) {
						while($row = $result->fetch_assoc()) {
							echo "<tr>";																
							echo "<td>" . $row["delivery_wan"]. "</td>";							
							echo "<td>" . $row ["delivery_date"]. "</td>";
							echo "<td>" . $row["delivery_name"]. "</td>";																								
							echo "<td>" . $row["delivery_detail"]. "</td>";																														
						}
					}					
					?> 
				</tbody>
			</table>
  </body>
</html>
<?php //include('footer.php'); ?>

Tag : PHP

Date : 2020-09-25 17:56:30

By : Pimpada

View : 836

Reply : 8

No. 1

พระยาเทพ

โพสกระทู้ ( 1,458 )
บทความ ( 0 )

3 รายการ ที่ให้แสดงดูจากอะไรครับ จากตัวอย่างให้แสดงรายการไหนบ้าง

Date : 2020-09-25 20:25:53

By : PhrayaDev

No. 2

To Be Developer

โพสกระทู้ ( 1,994 )
บทความ ( 10 )

Code (SQL)

select * from tb_delivery order by tb_delivery desc LIMIT 3

ถ้าเป็นส่วนของ SQL คือคิวรี่มา แค่ 3 ก็ใช้ LIMIT 3

แต่ถ้าจะใช้ DataTable แบ่งทีละ 3 ต้องเขียนเหมือนข้างบน แต่เปลี่ยนไอดี เป็นอีกตาราง

Code (JavaScript)

<script type="text/javascript">
$(function(){
    $('#exampleXXXXXX').dataTable( {
        "bFilter": false
    });
});
</script>

Date : 2020-09-25 21:40:14

By : {Cyberman}

No. 3

Pim

โพสกระทู้ ( 19 )
บทความ ( 0 )

ตอบ พระยาเทพ ตารางการทำงานของพนักงานให้เรียงวันนี้ปัจจุบันอยู่บนค่ะ

Date : 2020-09-28 08:10:12

By : Pimpada

No. 4

Pim

โพสกระทู้ ( 19 )
บทความ ( 0 )

ตอบ กระบี่อยู่ที่ใจ 1) หากใช้ Limit 3 จะไม่มีหน้าต่อไปค่ะ 2) ต้องใช้ js/jquery.dataTablesB.js ให้แสดง หน้าละ 3 รายการ สำหรับตารางงาน เปลี่ยนไอดีตรงไหนค่ะ

Date : 2020-09-28 08:59:38

By : Pimpada

No. 5

พระยาเทพ

โพสกระทู้ ( 1,458 )
บทความ ( 0 )

เรียงถูกแล้ว งั้นดูที่ DataTable plugin

1. HTML id ต้องไม่ซ้ำกัน
Code (JavaScript)

<table id="example1">
<table id="example2">
//---------------------------------------------
$('#example1, #example2').dataTable( {
    "bFilter": false
} );

หรือ

2. ใช้ class แทน
Code (JavaScript)

<table class="example">
//---------------------------------------------
$('.example').dataTable( {
    "bFilter": false
} );

Date : 2020-09-28 12:21:05

By : PhrayaDev

No. 6

Pongthep

โพสกระทู้ ( 1,096 )
บทความ ( 0 )

Date : 2020-10-07 14:52:50

By : Pong Thep

No. 7

mr.v

โพสกระทู้ ( 4,756 )
บทความ ( 8 )

ถ้า query มาทั้งหมดเลย เวลาข้อมูลเยอะๆจะรออย่างนานและ server ทำงานหนัก อาจโดนเตะในภายภาคหน้า.

datatable js ต้องการข้อมูล "จำนวนรายการต่อหน้า" เช่น กรณีนี้ หน้าละ 3 รายการ
ต้องการ "จำนวนข้อมูลทั้งหมด" ได้จากการ SELECT COUNT() แล้วส่งมาทาง property recordsTotal จาก server
ต้องการ "รายการข้อมูลต่างๆ" ได้จ่ากการ SELECT * เป็นต้น แล้วส่งมาทาง property data จาก server

อ้างอิง
https://datatables.net/manual/server-side

ดังนั้นคุณควรใช้อย่างน้อย 2 query คือ
SELECT COUNT(*) อันหนึ่ง โดยยังไม่ต้องมี LIMIT
แล้วก็ SELECT * อีกอันหนึ่ง โดยที่ต้องมี LIMIT เพื่อให้ server ไม่ทำงานหนักเกิน

query 2 ครั้งไม่นาน แป๊บเดียว แม้ข้อมูลเยอะๆก็เถอะ

การกำหนดจำนวนต่อหน้า กำหนดผ่าน property pageLength
อ้างอิง
https://datatables.net/reference/option/pageLength

ประวัติการแก้ไข
2020-10-07 15:41:03
2020-10-07 15:42:13

Date : 2020-10-07 15:39:03

By : mr.v

No. 8

Pim

โพสกระทู้ ( 19 )
บทความ ( 0 )

ขอบคุณทุกคำตอบนะค่ะ กำลังทดลองดูหลาย ๆ วิธีค่ะ

Date : 2020-10-09 15:00:12

By : Pimpada

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : สอบถาม ว่าจะทำให้การแสดงหน้าเพียง 3 รายการทั้ง 2 ตาราง ทำอย่างไรค่ะ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก