เปลี่ยนปุ่มเลขหน้า dataTable เป็นแบบวงกลม

 

สำหรับ  Bootstrap 5 Style

<style>
.pagination>li>button {
      border-radius: 50% !important;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      padding: 0;
      margin: 0 5px;
    }
</style>


สำหรับ Base style 

  <style>
    .dt-paging .dt-paging-button {
      border-radius: 50% !important;
      width: 40px !important;
      height: 40px !important;
      line-height: 40px !important;
      padding: 0 !important;
      margin: 0 5px !important;
      background: #eee !important;
      border: 1px solid #ddd !important;
    }

    .dt-paging .dt-paging-button:hover {
      background: #FF5733 !important;
      color: #fff !important;
    }

    .dt-paging .dt-paging-button.current {
      background: #FF5733 !important;
      color: #fff !important;
    }
  </style>


แสดงความคิดเห็น (0)
ใหม่กว่า เก่ากว่า