แทรก css style ของ table ในบางธีม

ช่วงนี้ต้องจัดการกับธีมในหลายเว็บ แล้วมีปัญหากับ css style ของ tag เกี่ยวกับตาราง พวก table, th  และ td ที่มันไม่เว้นช่องว่าง (แม้จะพยายามแทรก code เข้าไปใน html ก็ยังช่วยไม่ได้)

เลยไปหาชุด css style พื้นฐานมาอันนึง แปะเข้าไปในไฟล์ .css เลยละกัน โดยถ้าในหน้าเว็บนั้นมีการสั่งตารางเอาไว้ ก็ให้ดึง css ชุดนี้มาแสดงผลโดยอัตโนมัติ (ถ้าไม่มีชุดอื่นมาสั่งทับทีหลัง)

table {
  border: 1px #666 solid;
  border-collapse: collapse;
  border-spacing: 0px;
}
tr th {
  border-bottom: 1px #666 solid;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 4px;
}
tr td {
  border-bottom: 1px #aaa dotted;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 4px;
}

ทดลองแล้วใช้ได้กับเกือบทุกเว็บที่ทำอยู่

ตัวอย่าง ก่อนดำเนินการ...

ตัวอย่าง หลังจากเพิ่มโค้ดแล้ว...

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