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

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

《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
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年前 评论

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