skip to Main Content

Used bootstrap datable to render data from the database in tabler admin dashboard. it works absolutely fine in desktop view but not in mobile view.

How to fix the issue?

Desktop view

enter image description here

Mobile View

3

Answers


  1. find the datatable css in your bootstrap files

    somtimes in main css press ctrl+F Then write datatables

    when it cames make overflow:hidden TO overflow-x:auto;

    Login or Signup to reply.
  2. Wrap your datatable inside .table-responsive class

    Login or Signup to reply.
  3. Make sure the table is responsive by adding the class "table-responsive" to the table element. This will enable horizontal scrolling on small screens.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search