สร้างตารางที่มองเห็นได้ด้วยตัวเลือกตารางข้อมูลที่หลากหลาย
เผยแพร่แล้ว: 2016-04-12ตารางเป็นองค์ประกอบเนื้อหาทั่วไปของเว็บไซต์ใดๆ แต่บางครั้งก็ยากที่จะสร้าง เครื่องมือสร้างตารางข้อมูลโดย Supsystic เป็นวิธีง่ายๆ ในการสร้างตารางข้อมูลที่คุณจะลืมไม่ลง โดยมีตัวเลือกมากมายโดยไม่ต้องมีทักษะการเขียนโปรแกรมใดๆ และเพียงแค่วางรหัสย่อลงในโพสต์หรือหน้า WordPress ของคุณ ปลั๊กอินตารางข้อมูลมีคุณลักษณะที่น่าประทับใจมากมาย และเรามั่นใจว่าคุณแต่ละคนจะพบว่ามีประโยชน์สำหรับความต้องการของคุณ ทีนี้มาพูดถึงสิ่งที่มีค่าที่สุดกันดีกว่า
หากตารางของคุณประกอบด้วยข้อมูลจำนวนมาก คุณจะต้องการใช้ การแบ่งหน้า การเรียงลำดับ และแม้กระทั่ง การค้นหา ความสะดวกของผู้ใช้เว็บไซต์ของคุณ มันจะเปิดโอกาสให้พวกเขาพลิกหน้าของตารางเพื่อจัดเรียงข้อมูลโดยเรียงลำดับจากมากไปน้อยหรือน้อยไปหามาก และเมื่อพวกเขาไม่มีเวลามากพอที่จะดูตารางทั้งหมดของคุณ พวกเขาสามารถป้อนข้อมูลที่จำเป็นลงในช่องค้นหาและค้นหาได้อย่างรวดเร็ว มันไม่ดีเหรอ? คุณสมบัติเหล่านี้สามารถประหยัดเวลาได้มาก และเรารู้ว่าเวลาคือเงินในโลกสมัยใหม่ของเรา
นอกจากนี้ คุณยังสามารถอนุญาตให้ผู้ใช้บันทึกตารางของคุณหรือพิมพ์ออกมาได้ เพียงค้นหาคุณลักษณะการ ส่งออกส่วนหน้า และเลือกรูปแบบ (CSV, Excel, PDF, พิมพ์) ผู้ใช้เว็บไซต์ของคุณจะเห็นปุ่มที่เกี่ยวข้องใกล้โต๊ะและจะสามารถดาวน์โหลดได้ในรูปแบบเหล่านี้หรือพิมพ์ออกมา นอกจากนี้ คุณยังสามารถใส่โลโก้ของบริษัทลงใน PDF หรือพิมพ์ต่อท้าย ซึ่งมีประโยชน์มากเพราะแสดงถึงธุรกิจของคุณ และลูกค้าจะจดจำโดยไม่สมัครใจ ลองดาวน์โหลดไฟล์ PDF หรือพิมพ์ตารางด้านล่างและตรวจสอบโลโก้
ตัวเลือกอื่นที่น่ากล่าวถึงคือ การนำเข้า ไฟล์เช่น SCV, XLS, XLSX และ Google Spreadsheets ตอนนี้คุณไม่จำเป็นต้องเสียเวลาสร้างตารางในปลั๊กอิน Data Table หากคุณมีตารางที่พร้อมอยู่แล้วบนคอมพิวเตอร์ของคุณ คุณสามารถนำเข้าไปยังปลั๊กอิน WordPress และวางรหัสย่อบนเว็บไซต์ได้ ในทำนองเดียวกัน คุณสามารถ ส่งออก ตารางจากปลั๊กอิน Data Table ไปยังคอมพิวเตอร์ของคุณโดยใช้รูปแบบที่เหมาะสม (CSV, Excel, PDF)
นอกจากนี้ หากคุณคิดว่าไซต์ของคุณจะถูกดูจากอุปกรณ์ต่างๆ คุณจะสนใจคุณลักษณะ โหมดตอบสนอง เครื่องมือสร้างตารางข้อมูลสามารถเสนอโหมดตอบสนองต่อไปนี้: มาตรฐาน การซ่อนคอลัมน์อัตโนมัติ การเลื่อนในแนวนอน หรือคุณสามารถปิดใช้งานการตอบสนองได้เลย หากคุณไม่ต้องการ โหมดตอบสนองมาตรฐานจะวางคอลัมน์ไว้ใต้กันและกันด้วยหนึ่งเซลล์ต่อแถว หากเนื้อหาของตารางไม่พอดี การซ่อนคอลัมน์อัตโนมัติจะยุบคอลัมน์จากขวาไปซ้าย การเลื่อนแนวนอนจะเพิ่มแถบเลื่อนเมื่อตารางล้นความกว้างของคอนเทนเนอร์หลัก หากคุณปิดใช้งานการตอบสนอง ตารางจะมีเค้าโครงเริ่มต้น คุณสามารถปรับขนาดหน้าเว็บเพื่อดูการทำงานของโหมดตอบสนองต่างๆ ในตารางต่อไปนี้:
ชื่อจริง | นามสกุล | เมือง | ถนน | รหัสไปรษณีย์ | อีเมล | DOB |
---|---|---|---|---|---|---|
เอลดอน | รูบ | Spinkaland | ป้อมเจดอน | 86743 | [email protected] | 17.01.1991 |
Hoyt | โคล | สจ๊วตวิว | หมู่เกาะสตูเบอร์ | 04689 | [email protected] | 14.08.1989 |
แอนนี่ | ถ่านหิน | วิลตันวิว | โฮมนิค ฟอร์ดส | 76947-804 | [email protected] | 30.10.1990 |
ชื่อจริง | นามสกุล | เมือง | ถนน | รหัสไปรษณีย์ | อีเมล | DOB |
โรเมน | เดเนซิก | ฟรังโกเชียร์ตะวันออก | Odell View | 92164-3876 | [email protected] | 26.08.1984 |
ดาร์เรน | จอห์นสัน | โรฮันเม้าท์ | คาร์ลอตต้า เอสเตท | 51692 | [email protected] | 26.03.1995 |
แบรดลี่ | ฮาวเวลล์ | นอร์ธเทอเรนซ์ | ดอริส เลคส์ | 06511-9359 | [email protected] | 26.02.1993 |
พร้อมกับคุณสมบัติดังกล่าวข้างต้น ปลั๊กอินตารางข้อมูล อนุญาตให้แทรก รูปภาพ ลิงค์ หรือ ความคิดเห็น ไปยังเซลล์ที่เลือก ในตารางด้านล่าง คุณสามารถดูความคิดเห็นในคอลัมน์ "อะไร" เพียงวางเมาส์เหนือเนื้อหา
รูปถ่าย | อะไร | WHO | เมื่อไร | ที่ไหน | ทำไม |
![]() | ปีนเขา | ปกติอยู่คนเดียว แต่บางครั้งก็อยู่กับเพื่อน | วันจันทร์ วันพุธ และวันศุกร์ เวลา 16.00-17.00 น. | Pacific Edge Rock Climbing Gym | การปีนเขาช่วยให้มีความอดทนของหัวใจและหลอดเลือด ความแข็งแรงของกล้ามเนื้อและความอดทน ความยืดหยุ่น และปรับปรุงหรือรักษาความแข็งแรงของกระดูก |
![]() | พาหมาเดินเล่น | แค่ฉันกับหมาของฉัน | เสาร์-อาทิตย์ว่างๆ | ออนเวสต์คลิฟ | การเดินช่วยเพิ่มความทนทานของระบบหัวใจและหลอดเลือดและความแข็งแรงของกระดูก |
![]() | ออกกำลังกาย | ด้วยตัวฉันเอง | วันจันทร์ วันพุธ และวันศุกร์ เวลา 17.00-17.30 น. | ที่โรงยิมปีนเขา Pacific Edge Rock | การออกกำลังกายช่วยให้กล้ามเนื้อแข็งแรงและความอดทน |
คุณสามารถกำหนด รูปแบบ สำหรับแถวได้เช่นกัน อาจมีประโยชน์มากเมื่อทำงานกับสกุลเงิน วันที่ หรือเปอร์เซ็นต์ นอกจากนี้ คุณสามารถตั้งค่า ฟิลด์ที่แก้ไขได้ ในตารางของคุณ ฟีเจอร์นี้ช่วยคุณได้เมื่อคุณใช้สูตร ตัวอย่างเช่น ธุรกิจของคุณเชื่อมต่อกับการตกแต่งใหม่ และคุณแสดงราคาสำหรับบริการของคุณในตาราง หากคุณตั้งค่าฟิลด์ที่สามารถแก้ไขได้ ลูกค้าในอนาคตสามารถป้อนขนาดพื้นที่ของบ้านของเขา และราคาจะถูกคำนวณสำหรับเขา เราคิดว่ามันมีประโยชน์มาก แล้วคุณล่ะ ลองใช้ตัวเลือกนี้ในตาราง WordPress ด้านล่าง ("คอลัมน์ตารางฟุต")

สิ่งของ | ราคาต่อตารางฟุต | ตารางฟุต | ทั้งหมด |
ขัดและขัดพื้นไม้ | 2.5 | 0 | |
ติดตั้งพื้นกระเบื้องเซรามิก | 16 | 0 | |
ติดตั้งพื้นกระเบื้องไวนิล | 4 | 0 | |
ติดตั้งพรมเช็ดเท้าติดผนัง | 8 | 0 | |
ยอดรวม: | ยอดรวม: | 0 |
เพื่อให้เห็นภาพตารางของคุณ คุณสามารถเพิ่ม Google Charts เครื่องมือสร้างตารางข้อมูลโดย Supsystic ช่วยให้สร้างไดอะแกรมและแผนภูมิประเภทต่างๆ ได้อย่างรวดเร็วและง่ายดาย คุณสามารถอ่านเพิ่มเติมเกี่ยวกับสิ่งนั้นได้ใน Data Table ด้วย Google Charts
ข่าวดี! คุณสามารถใช้ตัวแก้ไข CSS เพื่อสร้างสไตล์ที่น่าจดจำสำหรับตารางของคุณ ด้วยคุณสมบัตินี้ คุณสามารถแก้ไขตารางได้หลายวิธี แม้ว่าคุณจะมีความรู้เพียงเล็กน้อยใน CSS และทักษะการเขียนโปรแกรมอื่นๆ คุณยังสามารถทำมันได้ เนื่องจากไม่ซับซ้อนมากนัก ตรวจสอบตารางด้านล่างที่มีเงาและมุมโค้งมน ซึ่งสร้างขึ้นด้วยความช่วยเหลือของตัวแก้ไข CSS
ชื่อ | ตำแหน่ง | สำนักงาน | เงินเดือน |
---|---|---|---|
ไอริ ซาโต้ | นักบัญชี | โตเกียว | $162,700 |
แองเจลิกา รามอส | ประธานเจ้าหน้าที่บริหาร (CEO) | ลอนดอน | 1,200,000 เหรียญสหรัฐ |
Ashton Cox | นักเขียนเทคนิครุ่นเยาว์ | นิวยอร์ก | $86,000 |
แบรดลีย์ เกรียร์ | วิศวกรรมซอฟต์แวร์ | ลอนดอน | 132,000 เหรียญสหรัฐ |
อย่างที่คุณเห็น Data Table by Supsystic เป็นตัวช่วยที่สมบูรณ์แบบในการสร้างตารางที่หลากหลาย ช่วยให้คุณสามารถประมวลผลและจัดการตารางข้อมูลที่เป็นมิตรกับ SEO ได้อย่างรวดเร็วและง่ายดาย ปลั๊กอิน Data Tables สำหรับ WordPress สามารถจัดโครงสร้างข้อมูลและปรับเปลี่ยนได้ตามความต้องการ มีหลายวิธีในการปรับแต่งการทำงานและภาพของตาราง ที่ช่วยปรับปรุงการออกแบบไซต์และให้ปรับเปลี่ยนเพื่อให้เหมาะกับบุคคลหรืองานที่แตกต่างกัน
เรียนรู้เพิ่มเติมเกี่ยวกับ WordPress Data Tables Generator โดย Sypsystic