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

Registered : 107,292

HOME > PHP > PHP Forum > สอบถามปัญหาการสร้างตารางด้วย Bootstrap โดยใช้ jQuery เกิดการหัวข้อเบิ้ล 2 บรรทัด





 

สอบถามปัญหาการสร้างตารางด้วย Bootstrap โดยใช้ jQuery เกิดการหัวข้อเบิ้ล 2 บรรทัด

 



Topic : 132660

Guest




สามารถสร้างตารางได้เป็นปกติครับ แต่ส่วนหัวของตารางจะเกิดอาการหัวข้อเบิ้ล 2 บรรทัดติดกันและตารางแสดงข้อมูลเกิน 10 ช่องที่กำหนดไว้ครับ พยายามลองแก้หลายๆอย่างแล้วครับ

pb

ส่วนโค้ทนะครับ
หน้าแสดงตาราง

Code (PHP)
<!DOCTYPE html>
<html>
<head>
    <title>custom-ajax</title>
    <meta charset="utf-8">
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="jquery-3.3.1.min.js"></script>
    <script src="bootstrap/css/bootstrap.min.css" rel="stylesheet"></script>
    <script src="bootstrap/css/bootstrap.css" rel="stylesheet"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="bootstrap/css/bootstrap-responsive.css"></script>
    <script src="bootstrap/css/bootstrap-responsive.min.css"></script>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="bootstrap/js/bootstrap-table.js"></script>
    <script src="bootstrap/js/bootstrap-table.css"></script>
    <script src="bootstrap/js/examples.css"></script>
</head>
<body>
    <div class="container">
        <h1>Custom Ajax</h1>
        <table id="table"
               data-toggle="table"
               data-height="460"
               data-ajax="ajaxRequest"
               data-search="true"
               data-side-pagination="server"
               data-pagination="true">
            <thead>
            <tr>
                <th data-field="ProductID">ID</th>
                <th data-field="ProductName">Item Name</th>
                <th data-field="Price">Item Price</th>
            </tr>
            </thead>
        </table>
    </div>
<script>
    var $table = $('#table');
    var rows;
            
    // your custom ajax request here
    function ajaxRequest(params) {
        $.ajax({
  type: "POST",
  url: "getData.php",
  data: params.data,
  dataType: "json",
  success: function (rows) {
   $(".fixed-table-loading").hide();
   params.success({
    "rows": rows.items,
    "total": rows.total
   })
  },
  error: function (er) {
   params.error(er);
  }
 });
 }
 $table.bootstrapTable();
</script>
</body>
</html>


หน้าเรียกข้อมูลจาก db

Code (PHP)
<?php
	$objConnect = mysql_connect("localhost","root","") or die(mysql_error());
	$objDB = mysql_select_db("sirshell");
	$strSQL = "SELECT * FROM product WHERE 1 ORDER BY ProductID DESC ";
	$objQuery = mysql_query($strSQL) or die (mysql_error());
	$intNumField = mysql_num_fields($objQuery);
	$resultArray = array();
	while($obResult = mysql_fetch_array($objQuery))
	{
		$arrCol = array();
		for($i=0;$i<$intNumField;$i++)
		{
			$arrCol[mysql_field_name($objQuery,$i)] = $obResult[$i];
		}
		array_push($resultArray,$arrCol);
	}
	
	mysql_close($objConnect);
	$resultArray2["items"] = $resultArray;
	$resultArray2["total"] = 100;
	echo json_encode($resultArray2);
?>




Tag : PHP, MySQL, Ajax, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2018-11-28 13:12:46 By : SirShell View : 138 Reply : 1
 

 

No. 1



โพสกระทู้ ( 73,891 )
บทความ ( 837 )

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

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

สร้าง <tbody></tbody> แล้ว append มันลงที่นี่ครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-12-03 16:29:58 By : mr.win
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามปัญหาการสร้างตารางด้วย Bootstrap โดยใช้ jQuery เกิดการหัวข้อเบิ้ล 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, รับทำเว็บไซต์ รับเขียนโปรแกรม

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