表格自适应
更新时间:2025-12-05 08:56:45
编辑:保利尼奥
浏览:1447
<!-- 表格自适应 -->
<script>
var e = $(".xypg-right-content table");
var len = e.length;
for (var i = 0; i < len; i++)...
<!-- 表格自适应 -->
<script>
var e = $(".xypg-right-content table");
var len = e.length;
for (var i = 0; i < len; i++) {
$(".xypg-right-content table").eq(i).wrap('<div style="overflow-y:hidden;"></div>')
}
</script>
// 完整代码(推荐 —— 只移除 width 相关)
<script>
var tables = $(".xypg-right-content table");
var winW = $(window).width();
tables.each(function () {
// 原有包装
$(this).wrap('<div style="overflow-y:hidden;"></div>');
// 小屏处理
if (winW < 768) {
var style = $(this).attr("style");
if (style && style.indexOf("width: 100%") !== -1) {
// 只移除 width:100%,保留其他样式
$(this).css("width", "");
}
}
});
</script>
// 或者:如果你想直接移除整个 style 属性
<script>
var tables = $(".xypg-right-content table");
var winW = $(window).width();
tables.each(function () {
// 原有包装
$(this).wrap('<div style="overflow-y:hidden;"></div>');
// 小屏处理
if (winW < 768) {
if ($(this).attr("style") && $(this).attr("style").indexOf("width: 100%") !== -1) {
$(this).removeAttr("style");
}
}
});
</script>