vue写的PC端表格，如何在移动端显示？

最新推荐文章于 2024-06-26 15:41:00 发布
最新推荐文章于 2024-06-26 15:41:00 发布
阅读量3.7k 收藏 4
点赞数
分类专栏： element-table类 文章标签： 移动端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huihuiliu_/article/details/103276050
版权

写了个pc端的页面，基本上是个表格吧！在移动端显示不正常，只能显示部分。不知该如何处理，最后是这样解决的e

body加个样式 min-width: 1200px;

然后就真的可以显示了 ，这是在移动端显示的页面

在这里插入图片描述
解决了一个小问题，真的很开心啊

卖萌的小猪
关注
专栏目录
如何做出漂亮、干净、优雅的移动端统计图表？看这一篇文章就够啦！
qq_35174423的博客
09-20 8062
这是 Tiny 图表库第一版常见的四种图表类型，先一睹为快吧。 在开发移动产品的过程中，我们总会遇到一些业务场景，需要用合适的方式来呈现数据。比如健身类app 用户想要知道自己每天的健身时长来调整健身方式，理财类app 的用户想要了解目前主要基金的走势进行决策分析等等，在这些场景中，跟一团乱糟糟看的人直犯晕的数据相比，统计图会更直观、更友好，聪明的开发者会选择那种方式呢？
移动端或pc端封装vue指令,实现长列表滚动加载数据
m0_53101857的博客
04-25 831
table表格滚动加载数据
PC端table表在移动端怎么显示比较好
热门推荐
weixin_41612385的博客
06-28 1万+
PC端界面，element-ui el-table组件写的，如下图
PC端的表格列表页，到了移动端该如何展现，搞不好就是设计灾难
2401_82943878的博客
06-13 969
PC端的表格列表页数据量大，字段多，到了手机端屏幕变小，能够承载的信息量就非常少了，这个时候该如何设计呢？大美B端工场结合实践经验，提出了几条解决方案。在移动端展现PC端的表格列表页时，需要进行适当的优化和调整，以适应移动设备的屏幕大小和触摸操作。
vue封装原生table表格方法
最新发布
苦瓜_小学生的博客
06-26 1253
有若干个表格，前面几列格式不一致，但是后面几列格式皆为占一个单元格，所以需要封装表格，表格元素自动根据数据结构生成即可；并且用户可新增列数据。vue封装原生table表格方法。单元格格式会有很多种情况，可能会占几行，也可能会占几列，所以就需要控制着每个单元格的colspan和rowspan；单元格的内容长短不一致所以也需要控制着单元格的宽度；
【vant移动端表格数据排版】用vant2简单实现一个把PC端表格数据展示在移动端的排版。上拉加载更多，下拉刷新页面，新增，编辑，删除功能
seeeeeeeeeee的博客
07-05 7678
上次做了一个移动端的表格功能，纯表格的那种。跟PC一样，但是我一直觉得在移动端上写表格很糟糕的体验，毕竟手机就那么大。这不合理。但是我这公司又需要把PC端的表格的数据展示在移动端。导致我只能去试试看怎么排版比较好。由于网上也是一直找不到什么案例参考，所以就自己想了一个排版供大家参考。如果各位有更好的排版方式请发我一个图学习一下。
解决electron-vue中element-ui表格无法显示问题
summer鸿的博客
07-10 3839
1.之前用vue做过很多次项目，都没有出现类似问题，一开始我怀疑我element-ui的版本不对，陆续重新下了依赖还是不显示。 2. 后面解决方法是，在如下文件中加入element-ui就可以解决。
基于Vue+SpringBoot 前后端分离在线学习平台系统，包含PC端与移动端.zip
04-19
MySQL基于关系型数据库模型，数据以表格形式组织，并通过预定义的键（如主键、外键）在表之间建立关联。它完全支持结构化查询语言（SQL），允许用户进行数据查询、插入、更新、删除、创建和管理数据库结构等操作。...
一款开箱即用的 Vue 中后台管理系统框架，兼容PC、移动端
05-20
1. **响应式布局**：由于需要兼容PC和移动端，所以框架采用响应式设计，可以根据不同的设备屏幕尺寸自动调整布局，确保在不同设备上都能有良好的用户体验。 2. **路由管理**：Vue Router是Vue.js官方的路由管理器，...
一款 Vue 中后台管理系统框架，支持多款 UI 组件库，兼容PC、移动端.zip
04-03
在移动端兼容性方面，Vue.js 本身并不直接处理这一问题，但可以通过Vue CLI创建适应不同设备的项目，或使用像Vue Native这样的库将Vue应用到原生移动平台。此外，还可以利用如Quasar Framework这样的工具，它可以...
Vue+iView自适应后台模板.rar
11-12
它专为构建支持PC端和移动端的Web应用设计，提供了丰富的功能和优秀的用户体验。以下是对这套模板及其相关技术栈的详细解析： 1. **Vue.js**：Vue.js是一个轻量级的前端JavaScript框架，以其易学易用、灵活性高和...
vue编写的table
12-03
vue开发的前端table示范案例，主要使用了vue.js和Element UI
VUE实现移动端列表筛选功能
10-16
主要介绍了VUE实现移动端列表筛选功能，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
Datatable使用问题01 - 响应式表格由PC到移动
Who__am_i的博客
12-03 960
在使用bootstrap开发前端页面时，使用Datatable.js渲染表格部分，但默认状态下的Datatable的表格在自适应时存在屏幕分辨率缩小到小于表格内容后表格内容便会开始换行，如下图1 在数据与列较多的情况下，自适应到小分辨率会出现内容堆积中一起的现象，影响阅读表格内容。 图1 自适应PC的小窗口 为了使表格的内容不再换行，有两种方法可以实现，但两种方法都有一些缺点，以下为详细说明 一...
【element】【移动端】点击表格行添加点击事件
芳草萋萋鹦鹉洲哦
08-11 541
方法： <el-table :data="tableData" style="width: 100%" @row-click="clickData" // 当某一行被点击时会触发该事件 > </el-table> ----------------------------------------------- methods： { clickData(row, event, column) { 　　　　　　consol
如何做好报表移动端显示
chaochao52001的博客
04-01 649
了解移动端和PC的差异，了解报表在移动端如何做到自适应，以及报表在集成中需要注意的事项。 【链接连接】 【pdf查看】 ...
关于报表在移动端展现需你需要知道哪些？
深蓝旭的博客
10-28 1060
现在，企业或者电商平台的商家、业务方，每天都有大量的人需要在线查看大量的指标，用于监控、分析关键业务数据的发展趋势。而且，这些查看分析数据的诉求，对于随时随地、方便快捷的要求也越来越高。我们已经习惯了使用润乾报表在PC端或大屏中进行展现，但是你知道吗？润乾报表V2018是以HTML5方式输出的，不仅支持在PC端展现，同时也支持在手机端自适应展现！ 手机报表已有功能 目前我们提供的手机报表APP示例包含的功能有：钻取、填报表、参数查询、统计图，自适应，长按电话号码拨打电话、扫码、分享报表到微信或Q...
移动端table_前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第6章表格与表单...
weixin_39592789的博客
12-03 185
本教程案例在线演示有路网PC端 有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源表格table标签（表格）、 tr标签（行）、 td标签（标准单元格）、 caption标签（标题）、 th标签（表头单元格）。为了更深一层对表格进行语义化，HTML引入了thead、tbody和tfoot这三个标签。这三个标签把表格分为三部分：表头、表身、表脚。table 表格captio...
vue 移动端项目 文章列表如何实现更多个list
weixin_59519449的博客
04-02 764
效果图： 功能实现： 从vant 组件中找到list 列表，然后引入即可！！ 基础的列表放置到使用的页面当中 <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" > </van-list> 在data 里边存放底部加载和完成得状态 loading:false,//底部加载状态 finished:false//底部完成的状
vue2PC改写移动端
10-17
对于将 Vue2 PC 端项目改写为移动端，可以考虑以下几点： 1. 布局方面：移动端屏幕较小，需要使用响应式布局或者弹性布局等方式来适配不同的屏幕尺寸。可以使用 CSS3 的媒体查询来实现不同屏幕尺寸下的样式调整。 ...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值