ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free Scriptอยากทำตารางแบบนี้ ใน Wordpress ต้องทำยังงัยครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: อยากทำตารางแบบนี้ ใน Wordpress ต้องทำยังงัยครับ  (อ่าน 2095 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
ouyman
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 14



ดูรายละเอียด
« เมื่อ: 14 พฤษภาคม 2014, 00:56:18 »

ออกตัวก่อนว่าทำเวบเอง เป็นเวบแรกในชีวิตน่ะครับ



คือมันมี รวมช่องตรงกลางพอดีครับ

คือศึกษามาบ้างใน Youtube กะ google น่ะครับ ยังไม่ได้คำตอบเลย  wanwan031
ใช้ plugin TablePress กับ TinyMCE ก็ทำไม่ได้ซักทีครับ ที่สำคัญใส่ อัคระ +- ไม่ได้ด้วย
บันทึกการเข้า
fangbif
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 283
ออฟไลน์ ออฟไลน์

กระทู้: 2,321



ดูรายละเอียด
« ตอบ #1 เมื่อ: 14 พฤษภาคม 2014, 01:00:25 »

ปกติใช้ jetpack เป็นปลั๊กอินคู่บุญกับ wordpress มันจะมีตัว special character มาให้ค่ะ เครื่องหมายคณิตศาสตร์พวกนี้เพียบ ส่วนตารางไม่เคยทำเลยไม่รู้นะคะ 
บันทึกการเข้า
ouyman
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 14



ดูรายละเอียด
« ตอบ #2 เมื่อ: 14 พฤษภาคม 2014, 01:02:52 »

ปกติใช้ jetpack เป็นปลั๊กอินคู่บุญกับ wordpress มันจะมีตัว special character มาให้ค่ะ เครื่องหมายคณิตศาสตร์พวกนี้เพียบ ส่วนตารางไม่เคยทำเลยไม่รู้นะคะ 

เครื่องหมายใส่ได้ครับในภาวะปกติ แต่พอใช้ตาราง แล้วใส่ไม่ได้เลยครับ
บันทึกการเข้า
pingenter
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 284
ออฟไลน์ ออฟไลน์

กระทู้: 2,653



ดูรายละเอียด
« ตอบ #3 เมื่อ: 14 พฤษภาคม 2014, 01:07:09 »

สร้างใน Dreamweaver แล้วค่อยเอาไปใส่ใน wordpress
บันทึกการเข้า
ANALOGY
สมุนแก๊งเสียว
*

พลังน้ำใจ: 83
ออฟไลน์ ออฟไลน์

กระทู้: 750



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 14 พฤษภาคม 2014, 01:13:43 »

สร้างใน Dreamweaver แล้วค่อยเอาไปใส่ใน wordpress
ใช่ครับใช้สคริป HTML ธรรมดาก็ได้แล้วครับ
บันทึกการเข้า

ouyman
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 14



ดูรายละเอียด
« ตอบ #5 เมื่อ: 14 พฤษภาคม 2014, 01:20:23 »

สร้างใน Dreamweaver แล้วค่อยเอาไปใส่ใน wordpress
ใช่ครับใช้สคริป HTML ธรรมดาก็ได้แล้วครับ

 Shocked
Skill ตรงนี้เป็น 0 เลยครับ
ใช้ สคริป HTML เดาว่าไปทำใน Dreamweaver แต่
1. จะเอาสิ่งที่เราทำไปเปิดใน Dreamweaver ยังงัย ก๊อปไป ด้วย FTP ทั้ง folder เลยหรือไม่?
2. ไปแก้ใน Dreamweaver แล้ว เปิดไฟล์อะไร
3. ทำเสร็จแล้วไป save เป็น file ชื่ออะไร ครับ
4. ก็อปไปวาง แทนที่ Folder เดิมใน FTP ได้หรือไม่? ครับ
บันทึกการเข้า
rukrean
สมุนแก๊งเสียว
*

พลังน้ำใจ: 54
ออฟไลน์ ออฟไลน์

กระทู้: 745



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 14 พฤษภาคม 2014, 01:23:52 »

สร้างใน Dreamweaver แล้วค่อยเอาไปใส่ใน wordpress
ใช่ครับใช้สคริป HTML ธรรมดาก็ได้แล้วครับ

 Shocked
Skill ตรงนี้เป็น 0 เลยครับ
ใช้ สคริป HTML เดาว่าไปทำใน Dreamweaver แต่
1. จะเอาสิ่งที่เราทำไปเปิดใน Dreamweaver ยังงัย ก๊อปไป ด้วย FTP ทั้ง folder เลยหรือไม่?
2. ไปแก้ใน Dreamweaver แล้ว เปิดไฟล์อะไร
3. ทำเสร็จแล้วไป save เป็น file ชื่ออะไร ครับ
4. ก็อปไปวาง แทนที่ Folder เดิมใน FTP ได้หรือไม่? ครับ

เปลี่ยนจาก visual เป็น text แล้วเอา code ส่วนที่เป็น table ไปวางก็น่าจะได้นะครับ

หรือไม่ก็เอา ภาพนี้ไปวางเลยครับ  wanwan004
บันทึกการเข้า

ouyman
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 14



ดูรายละเอียด
« ตอบ #7 เมื่อ: 15 พฤษภาคม 2014, 00:53:40 »

ลองทำใน dream แล้วก๊อปมาใส่ เส้นตารางไม่มาเลยครับ



code ตามนี้ ครับ wanwan031

<table width="714" height="519" border="2" cellpadding="1" cellspacing="1">
  <tr>
    <th width="226" bgcolor="#FDC0AC" scope="row">Product Name</th>
    <td colspan="4" bgcolor="#FDC0AC"><div align="center"><strong>3Layer anti-scratch high clear without rainbow</strong></div></td>
  </tr>
  <tr>
    <th scope="row">Test method</th>
    <td width="85"><div align="center"><strong>Unit</strong></div></td>
    <td width="91"><div align="center"><strong>Tolerance</strong></div></td>
    <td width="97"><div align="center"><strong>Target Value</strong></div></td>
    <td width="153"><div align="center"><strong>Test Method</strong></div></td>
  </tr>
  <tr>
    <th scope="row">Vision</th>
    <td colspan="3"><div align="center">Colorless Transparent,anti-scratch</div></td>
    <td><div align="center">Visual</div></td>
  </tr>
  <tr>
    <th scope="row">Rainbow pattern</th>
    <td colspan="3"><div align="center">None</div></td>
    <td><div align="center">Visual</div></td>
  </tr>
  <tr>
    <th scope="row">Thickness of protective film</th>
    <td><div align="center">um</div></td>
    <td><div align="center">±1</div></td>
    <td><div align="center">60</div></td>
    <td rowspan="3"><div align="center">ASTMD-3652</div></td>
  </tr>
  <tr>
    <th scope="row">thickness of using layer</th>
    <td><div align="center">um</div></td>
    <td><div align="center">±1</div></td>
    <td><div align="center">130</div></td>
  </tr>
  <tr>
    <th scope="row">thickness of release film</th>
    <td><div align="center">um</div></td>
    <td><div align="center"></div></td>
    <td><div align="center">50</div></td>
  </tr>
  <tr>
    <th scope="row">peel strength of 180degree</th>
    <td><div align="center">g/25mm</div></td>
    <td><div align="center">±2.0</div></td>
    <td><div align="center">2.5</div></td>
    <td><div align="center">ASTMD-3330</div></td>
  </tr>
  <tr>
    <th scope="row">mobility of silicon </th>
    <td><div align="center">s</div></td>
    <td><div align="center">±1</div></td>
    <td><div align="center">&lt;5</div></td>
    <td><div align="center">240mm×120mm</div></td>
  </tr>
  <tr>
    <th scope="row">light transmittance</th>
    <td><div align="center">%</div></td>
    <td><div align="center">-</div></td>
    <td><div align="center">&gt;93</div></td>
    <td rowspan="2"><div align="center">ASTMD-1003</div></td>
  </tr>
  <tr>
    <th scope="row">haze</th>
    <td><div align="center">%</div></td>
    <td><div align="center">-</div></td>
    <td><div align="center">&lt;0.5</div></td>
  </tr>
  <tr>
    <th scope="row">scratch hardness</th>
    <td><div align="center">H</div></td>
    <td><div align="center">-</div></td>
    <td><div align="center">4</div></td>
    <td><div align="center">GB/T6739</div></td>
  </tr>
  <tr>
    <th scope="row">anti-scratch strength</th>
    <td><div align="center"></div></td>
    <td><div align="center">-</div></td>
    <td><div align="center">&gt;50</div></td>
    <td><div align="center">0000#steel wool 1800gf</div></td>
  </tr>
  <tr>
    <th scope="row">scratch-resistant adhesion </th>
    <td><div align="center">%</div></td>
    <td><div align="center">-</div></td>
    <td><div align="center">&lt;5</div></td>
    <td><div align="center">ASTMD-3002</div></td>
  </tr>
  <tr>
    <th scope="row">temperature</th>
    <td><div align="center">°C</div></td>
    <td colspan="3"><div align="center">–40-120</div></td>
  </tr>
</table>
บันทึกการเข้า
TomYong
ก๊วนเสียว
*

พลังน้ำใจ: 51
ออฟไลน์ ออฟไลน์

กระทู้: 451



ดูรายละเอียด
« ตอบ #8 เมื่อ: 15 พฤษภาคม 2014, 07:19:41 »

ลองใช้ปลั๊กอินนี่ดูครับ สามารถอิมพอร์ทไฟล์เอ็กเซล csv ได้

https://wordpress.org/plugins/tablepress/
บันทึกการเข้า
MD.18
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 287
ออฟไลน์ ออฟไลน์

กระทู้: 3,010



ดูรายละเอียด เว็บไซต์
« ตอบ #9 เมื่อ: 15 พฤษภาคม 2014, 07:50:57 »

css wp ปกติก็น่าจะกำหนดไว้แล้วให้มีเส้นขอบ ลองใส่เพิ่มไปดุครับ

table, th, td
{
border: 1px solid black;
}


 Tongue ไม่รู้ช่วยได้่ปาวนะ
บันทึกการเข้า

ติดต่อทางเมล์ service.md18@gmail.com by ทวีศักดิ์  line : 0862600055

คิวงานว่าง !!
ouyman
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 14



ดูรายละเอียด
« ตอบ #10 เมื่อ: 15 พฤษภาคม 2014, 09:25:41 »

ลองใช้ปลั๊กอินนี่ดูครับ สามารถอิมพอร์ทไฟล์เอ็กเซล csv ได้

https://wordpress.org/plugins/tablepress/

ใช้แล้วครับแต่ทำตารางแบบที่ต้องการไม่ได้ครับ

css wp ปกติก็น่าจะกำหนดไว้แล้วให้มีเส้นขอบ ลองใส่เพิ่มไปดุครับ

table, th, td
{
border: 1px solid black;
}


 Tongue ไม่รู้ช่วยได้่ปาวนะ

ลองใส่ใน HTML กับ css แล้วครับ ตกลงก็ไม่ขึ้นเส้นตารางครับ
แต่ก็ขอบคุณมากครับ
บันทึกการเข้า
ouyman
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 14



ดูรายละเอียด
« ตอบ #11 เมื่อ: 15 พฤษภาคม 2014, 16:57:42 »

ทำได้แล้วครับ ขอบคุณทุกท่านมากๆ  wanwan017
สุดท้ายใช้ความ อึดถึก อัดเข้าไปในทุกๆ cell ของตารางเลย  Lips Sealed

แบบเนี้ยครับ

<td style="border: 1px solid #c1c1c1; background-color: #ffffbf; text-align: center; vertical-align: middle;">

ยัดเข้าไปทุกช่องเลย จบได้

 wanwan019
บันทึกการเข้า
superjak
สมุนแก๊งเสียว
*

พลังน้ำใจ: 49
ออฟไลน์ ออฟไลน์

กระทู้: 507



ดูรายละเอียด
« ตอบ #12 เมื่อ: 15 พฤษภาคม 2014, 17:08:36 »

google =  css generate table online
copy > paste
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์