อยากทำตารางแบบนี้ ใน Wordpress ต้องทำยังงัยครับ

[ouyman]

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



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

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

[fangbif]

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

[ouyman]

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

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

[pingenter]

สร้างใน Dreamweaver แล้วค่อยเอาไปใส่ใน wordpress

[ANALOGY]

สร้างใน Dreamweaver แล้วค่อยเอาไปใส่ใน wordpress

ใช่ครับใช้สคริป HTML ธรรมดาก็ได้แล้วครับ

[ouyman]

สร้างใน Dreamweaver แล้วค่อยเอาไปใส่ใน wordpress

ใช่ครับใช้สคริป HTML ธรรมดาก็ได้แล้วครับ

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

[rukrean]

สร้างใน Dreamweaver แล้วค่อยเอาไปใส่ใน wordpress

ใช่ครับใช้สคริป HTML ธรรมดาก็ได้แล้วครับ

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

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

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

[ouyman]

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



code ตามนี้ ครับ

<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]

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

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

[MD.18]

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

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


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

[ouyman]

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

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

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

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

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


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

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

[ouyman]

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

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

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

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

[superjak]

google =  css generate table online
copy > paste