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
3
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;
overflow:hidden
overflow-x:auto;
Wrap your datatable inside .table-responsive class
…
Make sure the table is responsive by adding the class "table-responsive" to the table element. This will enable horizontal scrolling on small screens.
table-responsive
Click here to cancel reply.
3
Answers
find the datatable css in your bootstrap files
somtimes in main css press ctrl+F Then write datatables
when it cames make
overflow:hidden
TOoverflow-x:auto;
Wrap your datatable inside .table-responsive class
…
Make sure the table is responsive by adding the class "
table-responsive
" to the table element. This will enable horizontal scrolling on small screens.