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

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

《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
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.

7年前 评论
讨论数量: 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.

7年前 评论

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

7年前 评论

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