/* ทำให้ตาราง Responsive */ .has-fixed-layout { width: 100%; overflow-x: auto; } /* ปรับการเรียงลำดับของคอลัมน์แบบคงที่ */ .has-fixed-layout th, .has-fixed-layout td { /* white-space: nowrap;*/ width: auto; } /* ปรับการแสดงผลของเฮดเดอร์และข้อมูลให้มีการแบ่งของเนื้อที่เห็น */ .has-fixed-layout th, .has-fixed-layout td { padding: 10px 10px; } /* ปรับขนาดตัวอักษรของข้อมูล */ .has-fixed-layout th { font-size: 16px; } /* ปรับสีพื้นหลังของเฮดเดอร์ */ .has-fixed-layout th { background-color: #f8f8f8; } /* สลับสีแต่ละแถวระหว่าง primary และ secondary */ .has-fixed-layout tr:nth-child(odd) { background-color: #f2f2f2; /* primary color */ } .has-fixed-layout tr:nth-child(even) { background-color: #ffffff; /* secondary color */ } .w3-button { background-color: #ffffff; border: none; /* ลบเส้นขอบ */ color: #000000; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; transition-duration: 0.4s; cursor: pointer; } .w3-black { background-color: #000000; color: #ffffff; } .w3-khaki { background-color: khaki; } .w3-yellow { background-color: yellow; } .w3-red { background-color: red; color: white; } .w3-purple { background-color: purple; color: white; cursor: pointer; } .w3-purple:hover::after { opacity: 0.7; }