Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 108,482

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



 

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

 



Topic : 135573



โพสกระทู้ ( 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'); ?>	

bveujm12



Tag : PHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2020-09-25 17:56:30 By : Pimpada View : 154 Reply : 8
 

 

No. 1



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



สถานะออฟไลน์
Twitter Facebook Blogger

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






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-09-25 20:25:53 By : PhrayaDev
 


 

No. 2



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



สถานะออฟไลน์
Facebook Blogger

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



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



สถานะออฟไลน์


ตอบ พระยาเทพ ตารางการทำงานของพนักงานให้เรียงวันนี้ปัจจุบันอยู่บนค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-09-28 08:10:12 By : Pimpada
 


 

No. 4



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



สถานะออฟไลน์


ตอบ กระบี่อยู่ที่ใจ 1) หากใช้ Limit 3 จะไม่มีหน้าต่อไปค่ะ 2) ต้องใช้ js/jquery.dataTablesB.js ให้แสดง หน้าละ 3 รายการ สำหรับตารางงาน เปลี่ยนไอดีตรงไหนค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-09-28 08:59:38 By : Pimpada
 


 

No. 5



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



สถานะออฟไลน์
Twitter Facebook Blogger

เรียงถูกแล้ว งั้นดูที่ 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



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์


<table class="example" data-page-length="3">
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-10-07 14:52:50 By : Pong Thep
 


 

No. 7



โพสกระทู้ ( 4,010 )
บทความ ( 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



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



สถานะออฟไลน์


ขอบคุณทุกคำตอบนะค่ะ กำลังทดลองดูหลาย ๆ วิธีค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-10-09 15:00:12 By : Pimpada
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถาม ว่าจะทำให้การแสดงหน้าเพียง 3 รายการทั้ง 2 ตาราง ทำอย่างไรค่ะ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม , รับทำบัญชี , โรงงานผลิตครีม , สำนักงานบัญชี , รับจดทะเบียนบริษัท , Pangpond , รถมือสอง

Load balance : Server 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2020 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่