关于 adminLTE 前端框架数据表的问题?

请问在移动端adminLTE data table 表格不会自动适应的吗?我 F12 切成移动端模式,本来4个字段,有个就显示不出来了。

《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
jltxwesley
最佳答案

datatables本身是有自适应设置的:responsive: true
https://datatables.net/extensions/rowreord...

你链接里展示的table缺少自适应的代码,你需要自己加入:dataTables.responsive.min.js

<!-- DataTables --> 例子里仅仅用到下面2个JS
<script src="../../bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="../../bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>

还有就是table很难在mobile端自适应,因为内容/column太多,datatable的原理是仅仅显示部分的Column.

5年前 评论
讨论数量: 3
jltxwesley

datatables本身是有自适应设置的:responsive: true
https://datatables.net/extensions/rowreord...

你链接里展示的table缺少自适应的代码,你需要自己加入:dataTables.responsive.min.js

<!-- DataTables --> 例子里仅仅用到下面2个JS
<script src="../../bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="../../bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>

还有就是table很难在mobile端自适应,因为内容/column太多,datatable的原理是仅仅显示部分的Column.

5年前 评论

加上这段:可以实现数据表字段很多时,有滚动条,更好的显示数据。
$('#id').DataTable( {
"destroy": true,
scrollY: 300,
scrollX: true,
scrollCollapse: true,
bPaginate: true,
bLengthChange: true,
"bAutoWidth": true,
"aaSorting": [],
} );

5年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!