[NEW] การใช้งาน DataTables Table plug-in for jQuery | การใช้ for – NATAVIGUIDES

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

<?php

    

$servername

=

“localhost”

;

    

$username

=

“root”

;

    

$password

=

“”

;

    

$dbname

=

“customer”

;

 

    

// Create connection

    

$conn

=

new

mysqli

(

$servername

,

$username

,

$password

,

$dbname

)

;

    

// Check connection

    

if

(

$conn

->

connect_error

)

{

        

die

(

“Connection failed: “

.

$conn

->

connect_error

)

;

    

}

?>

 

<

!

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

>

 

        

<

!

—

นำเข้า

  

CSS

จาก

Bootstrap

—

>

        

<

link

rel

=

“stylesheet”

href

=

“https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”

>

        

        

<

!

—

นำเข้า

  

CSS

จาก

dataTables

—

>

        

<

link

rel

=

“stylesheet”

type

=

“text/css”

href

=

“http://cdn.datatables.net/1.10.12/css/jquery.dataTables.css”

>

        

        

<

!

—

นำเข้า

  

Javascript

จาก

  

Jquery

—

>

        

<script

type

=

“text/javascript”

src

=

“https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js”

>

</script>

        

<

!

—

นำเข้า

  

Javascript

  

จาก

  

dataTables

—

>

        

<script

type

=

“text/javascript”

charset

=

“utf8”

src

=

“http://cdn.datatables.net/1.10.12/js/jquery.dataTables.js”

>

</script>

 

        

<script

type

=

“text/javascript”

>

            

//คำสั่ง Jquery เริ่มทำงาน เมื่อ โหลดหน้า Page เสร็จ

            

$

(

function

(

)

{

                

//กำหนดให้  Plug-in dataTable ทำงาน ใน ตาราง Html ที่มี id เท่ากับ example

                

$

(

‘#example’

)

.

dataTable

(

)

;

            

}

)

;

        

</script>

  

<

/

head

>

  

<

body

>

  

<

h1

>

Data

Tables

<

/

h1

>

 

        

<

table

class

=

“table table-bordered”

id

=

“example”

>

                

<

thead

>

                    

<

tr

class

=

“info”

>

                        

<

th

>

#</th>

                        

<

th

>

first

name

<

/

th

>

                        

<

th

>

last

name

<

/

th

>

                        

<

th

>

email

<

/

th

>

                        

<

th

>

gender

<

/

th

>

                    

<

/

tr

>

                

<

/

thead

>

                

<

tbody

>

                  

<?php

                    

$sql

=

“SELECT * FROM customer”

;

                    

$result

=

$conn

->

query

(

$sql

)

;

                    

if

(

$result

->

num_rows

>

0

)

{

 

                        

while

(

$row

=

$result

->

fetch_assoc

(

)

)

{

                            

echo

“<tr>”

;

                                

echo

“<td>”

.

$row

[

“id”

]

.

“</td>”

;

                                

echo

“<td>”

.

$row

[

“first_name”

]

.

“</td>”

;

                                

echo

“<td>”

.

$row

[

“last_name”

]

.

“</td>”

;

                                

echo

“<td>”

.

$row

[

“email”

]

.

“</td>”

;

                                

echo

“<td>”

.

$row

[

“gender”

]

.

“</td>”

;

                            

echo

“</tr>”

;

                        

}

                    

}

                    

$conn

->

close

(

)

;

                    

?>

                

<

/

tbody

>

            

<

/

table

>

        

  

<

/

body

>

<

/

html

>

‘Should’ ‘would’ และ ‘could’ เป็น auxiliary verb ที่บางทีก็ทำให้เกิดความสับสน เพราะนอกจากจะเป็น past tense ของ ‘shall’ ‘will’ และ ‘can’ ตามลำดับแล้ว ยังสามารถนำไปใช้ในสถานการณ์อื่นได้อีกนั่นเอง

‘Should’

สามารถนำไปใช้เพื่อ:

1. แสดงว่าบางสิ่งบางอย่างน่าจะเกิดขึ้น

เช่น

“John should be here by 2:00 PM.”
“จอห์นน่าจะมาถึงที่นี่ตอนบ่าย 2”

“He should be bringing Jennifer with him.”
“เขาน่าจะพาเจ็นนิเฟอร์มาด้วย”

2. สอบถาม

เช่น

“Should we turn left at this street?”
“เราต้องเลี้ยวซ้ายตรงถนนนี้ไหม?”

“Shouldn’t you be getting ready for work?”
“ไม่ใช่คุณควรจะพร้อมที่จะไปทำงานแล้วหรอกหรือ?”

3. แสดงถึงหน้าที่ ให้คำแนะนำ หรือแสดงความคิดเห็น

เช่น

“Shouldn’t you be getting ready for work?”
“คุณน่าจะเลิกกินอาหารฟาสต์ฟู้ดได้แล้ว”

“You should go for walks more often.”
“คุณน่าจะออกไปเดินบ่อยๆ”

“We should go to the park tomorrow.”
“พรุ่งนี้เราน่าจะไปสวนสาธารณะกันนะ”

“He should go to the pharmacy first thing in the morning.”
“พรุ่งนี้เช้าเขาน่าจะไปร้านขายยาเป็นอันดับแรก”

‘Would’

สามารถนำไปใช้เพื่อ:

1. ถามเกี่ยวกับ ‘who’‘what’‘where’‘when’‘why’ หรือ ‘how’(ไม่เสมอไปแต่ก็นำไปใช้อยู่บ่อยๆ)

เช่น

“How would you do that?”
“คุณทำอย่างนั้นได้อย่างไร?”

“What would you do if…”
“คุณจะทำอย่างไรถ้า…”

“When would we have time to do that?”
“เมื่อไรเราจึงจะมีเวลาทำอย่างนั้น?”

“Who would want to wait in that line?”
“ใครอยากจะไปรอในแถวนั้น?”

2. ทำการขอร้องอย่างสุภาพ

เช่น

“Would you like any tea?”
“คุณจะรับน้ำชาไหม?”

“Would you like anything else?”
“คุณต้องการอะไรเพิ่มหรือไม่?”

3. การตั้งสมมุติฐาน

เช่น

“If I had a lot of money I would like to own a farm one day.”
“ถ้าผมมีเงินมากๆ ล่ะก็ ผมอยากมีฟาร์มเป็นของตัวเองในสักวันหนึ่ง”

“I would love to buy a boat one day.”
“สักวันหนึ่งผมจะซื้อเรือ”

4. สอบถาม

เช่น

“Would you like fries or salad?”
“จะรับเฟร้นช์ไฟรส์หรือสลัดดีครับ?”

“Would you like to join us tonight?”
“คืนนี้คุณจะมาร่วมงานกับพวกเราไหม?”

‘Could’

สามารถนำไปใช้เพื่อ:

1. บอกถึงความเป็นไปได้

เช่น

“Whose journal is this? It could be Nelly’s journal.”
“นี่เป็นวารสารของใคร? น่าจะเป็นของเน็ลลี่นะ”

“Could ‘A’ be the answer? It’s definitely not ‘B’ or ‘D.’”
“คำตอบน่าจะเป็น ‘A’ ใช่ไหม? ‘B’ หรือ ‘D’ นี่ไม่ใช่แน่ๆ”

2. ทำการขอร้องอย่างสุภาพ

เช่น

“Could you please move this box?”
“คุณช่วยเลื่อนกล่องนี้หน่อยได้ไหม?”

“Could you please pass that paper?”
“คุณช่วยส่งกระดาษนั่นมาให้หน่อยได้ไหม?”

การใช้คำว่า ‘could’ ในการตอบคำขอร้องในตัวอย่างสุดท้ายนั้น ทำให้ประโยคมีความหมายไปในทำนองที่ว่าคุณสามารถทำอย่างนั้นได้แต่คุณไม่อยากทำสักเท่าไร แต่ถ้าคุณตกลงใจที่จะทำตามคำขอร้องดังกล่าว ให้ใช้คำว่า ‘can’

เช่น

“Could you please move this box?” “I could, but I am really busy right now.”
“คุณช่วยเลื่อนกล่องนี้หน่อยได้ไหม?”“ได้ แต่ตอนนี้ผมกำลังยุ่งอยู่”

“Could you please pass that paper.” “Sure, I can.”
“คุณช่วยส่งกระดาษนั่นมาให้หน่อยได้ไหม?” “ได้สิ”

ทีนี้คุณก็รู้วิธีใช้ ‘should’ ‘would’ และ ‘could’ ไปบ้างแล้ว แน่นอนว่านั่นเป็นแค่บางส่วน! เพราะยังมีวิธีใช้อื่นๆ อีกตั้งหลายวิธีซึ่งเราจะได้พูดถึงกันทีหลัง หรือคุณจะลองค้นคว้าด้วยตัวเองและนำมาทดลองใช้ก็ได้นะคะ

Image:Sebastian Mueller