// 封装好的视图切换方法
function setDataCardView(id) {
var options = $(id).bootstrapTable('getOptions');
if ($(window).width() < 768) {
if (options.cardView === false) {
$(id).bootstrapTable('toggleView');
}
} else {
if (options.cardView === true) {
$(id).bootstrapTable('toggleView');
}
}
}
// 表格ID
var tableId = '#table';
// 页面加载完成时首次调用
$(document).ready(function () {
setDataCardView(tableId);
});
// 窗口缩放时调用
$(window).resize(function () {
setDataCardView(tableId);
});
bootstraptable根据屏幕分辨率自动切换视图
最新推荐文章于 2024-06-20 17:17:37 发布