如何在网页上更好地显示一张有很多列很多行的表格

显示是没有问题,有横向和竖向的滚动条,可是觉得交互方面很不好用。比如现在开发的时候用的大屏幕的电脑,如果以后想在pad上也使用的话,很多内容就显示不完了,请问有没有什么建议呢,或者有没有类似的交互良好的例子?

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
HTML 表格的标题 占多行或者多列的表格
水平的表头: Ny first caption on html   姓名   电话     Bill Gates   555 77 854   555 77 855 垂直的表头:   姓名   Bill Gates     电话   555 77 854   555 77 855
excel中如何在一个单元格中输入多行文字
http://jingyan.baidu.com/article/d2b1d102976ab35c7e37d435.html
Latex 表格 多行多列
http://blog.sina.com.cn/s/blog_758baa8d01016p7r.html 转载来源:http://jhengjyun.blogspot.hk/2011/01/latexmulticolumnmultirow.html 如果合併的表格只需要跨行,不需要跨列,直接就用LaTable解決吧! 然而要製作出更複雜含有跨列合併表格,就必須手動改寫了 通常畫表格需要
用省略符号来代表被修剪的文本,表格中文字太多,只显示部分实现
My JSP 'view.jsp' starting page                        户名     内容     时间     时间           admin     123     2012     20124           admin     233ssssssssssssssssssssssssss33f
HTML表格跨多行rowspan,跨多列colspan
<span style="color:#454545">纯手打,转载请附上本文网址!!!</span> colspan是跨多行,rowspan是跨多列 <img data-cke-saved-src="http://img.blog.csdn.net/20170331154504437?watermark/2/text/aHR0cDovL2Jsb2cuY...
在Excel中怎样才能在某一行前面一次插入多行?
你在要插入的行以下选中多少行,点插入,就能插入多少行。 ​
android实现多列显示的下拉列表框-Spinner
先上张效果图: 严格来说,这并不是一个下拉列表,只不过实现的效果很像是下拉列表 实现原理: 该下拉列表其实是一个AlertDialog.Builder,给它设置了一个以LinearLayout布局的View。该View内使用了一个GridView组件, 代码: package yyy.testandroid9; private Intent intent; private i
element表格数据跨行、跨列操作合并显示
<template> <div> <el-table :data="tableData6" border style="width: 100%; margin-top: 20px" :cellClassName="getCellClassName" :spanMethod="objectSpanMethod&quo
拷贝Excel多行多列,粘贴至HTML后自动生成多个文本框
拷贝Excel多行多列,粘贴至HTML后自动生成多个文本框<!DOCTYPE html> <html> <head> <title>copytablehtml.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyw
JavaScript-js-创建表格-创建多行多列表
创建多行多列表格 function addTable(){ var rowsLength=20;//行数 var colLength=10;//列数 var position = document.getElementById("blue");//定义table生成的位置 var objTable = document.createElement("table"); obj
excel表应用:全选,选取多行
1.全选   选中某一个单元格 按ctrl+A全选 2.选取多行   选中一个单元格(起始行、起始列)  按住shift,选中一个单元格(截止行、截止列)
页面多列布局
多列布局的多种解决方案(一)(定宽或不定宽与自适应的布局)   这里我会先讲两列布局中的定宽与自适应布局,然后再拓展到不定宽与自适应布局,最后再讲一下三列布局,由此衍生到四列五列等多列布局。 先讲解两列布局的多种解决方案。 老规矩,现在HTML文档BODY下写入:   接着CSS设置parent主容器背景颜色为浅灰色,left背景颜色为黑色,right背景颜色为深灰色:
html内容中想给多行相同的列添加相同的内容,如何快速操作?
如果想在表格的每个tr加都加上一个class,如何快速的操作? 工具:UltraEdit 方法: 1、利用UItraEdit工具打开html页面,如下图所示: 2、点击菜单栏上的【列模式】按钮或使用快捷键Alt+C 3、按住Alt键不松开,选择你想要添加内容的一列,利用鼠标左键一直拖动到你想要改内容的地方在松开左键
swift3.0多列表格 行和列可以滚动的集合视图
项目地址:https://github.com/xjh19920000/CollectionTableView
HTML- css多列布局
在CSS3中,也新增了一些关于文本布局的几个比较简单的属性。通过这些新增的属性,我们可以对文本进行简单的排版,就想报纸和杂志那样。 新增的部分属性,以及浏览器支持情况: 属性 浏览器支持 column-count IE Firefox(-moz-) Chrome(-webkit-) Safari(-webkit-) Opera column-ga
黑马程序员之HTML学习笔记:rowspan属性实现HTML表格中一列跨越多行,colspan 属性实现HTML表格中一行跨越多列
www.dreamdu.com             .com域名的数量             .cn域名的数量             .net域名的数量             总数                             2003年             1000             2000+5000             3000
实现多个table表格在jsp页面中分多列进行展示
1.这里演示的分两列展示的效果:注意:红色边框是我画出来用于提示是table区域的. 2.关键jsp代码:<div class="panel-body"> <c:forEach items="${itemList}" varStatus="status" begin="0" end="${itemList.size() }" step="1"> <!-- 通过设置 div的
Excel中一次性插入多行
打开你的表格,如我们想插入多行,那么,先选中你想插入多少行,比如想插入10行,那么在你想插入行的地方往下选中10行: 2 注意是选中行序号那里选中全行,然后右击,选择插入: 3 就可以看到在你开始选中的地方插入了10行空白行: END 再说一次性插入多列。
Excel 如何让一列中的很多数 同时加上一个数
比如,怎么把 从 A1 到 A10000 的数都加上同一个数, 先把这个待加的数 存到一个单元格里,并复制这个单元格。 在选中A1 到 A10000(用shift选首尾),右键 -> 选择性粘贴... ->  运算选择加,确定。
网页表格的显示与隐藏技巧
网页表格的显示与隐藏技巧 在表格的 1)不显示表格边框 2)只显示表格上边框 3)只显示表格下边框 4)只显示表格的上下边框 5)只显示表格的左右边框 6)只显示表格的右边框 7)只显示表格的左右边框   8)显示所有表内分割线 9)隐藏所有表内分割线 10)只显示行与行间的分割线 11)只显示列与列间的分割线   1)在“ 2)frame=above 3)
多行文本框
这是一个基础的html文件,用来说明如何在网页上设置多行文本框。
【Python】DataFrame一列拆成多列以及一行拆成多行
摘要 在进行数据分析时,我们经常需要把DataFrame的一列拆成多列或者根据某列把一行拆成多行,这篇文章主要讲解这两个目标的实现。 读取数据 将City列转成多列(以‘|’为分隔符) 这里使用匿名函数lambda来讲City列拆成两列。 3.将DataFrame一行拆成多行(以‘|’为分隔符) 方法一:在刚刚得到的DataFrame基础上操作,如下图所以,可以明显看到我们按照City列将D...
如何将多行单元格数据转变成一行?这个Excel技巧你一定不知道!
在Excel表格中,怎样快速的将多行数据转变成一行?其实有三种非常简单的方法,下面我来给大家分享一下,希望能够帮助大家!   方法一:利用函数公式 首先输入辅助列&quot;、&quot;,然后在单元格中输入函数&quot;=PHONETIC&quot;,选中单元格数据即可。 具体操作如下:   方法二:利用F9运算符 在单元格中输入&quot;=&quot;,选中单元格数据,在编辑状态下按&quot;F9&quot;键,删除数据的头尾的符号。按快捷键&quot;...
多行多列控件:UICollectionView
本章通过先总体介绍UICollectionView及其常用方法,再结合一个实例,了解如何使用UICollectionView。   UICollectionView 和 UICollectionViewController 类是iOS6 新引进的API,用于展示集合视图,布局更加灵活,可实现多列布局,用法类似于UITableView 和 UITableViewController 类。
Excel批量插入多行
右键→插入,如图: 插入多行(F4重复上一次操作) 正解,如图:
Excel 文本内容一行快速分为多行(亲自实践)
演示动画由ExcelHome论坛微领祝洪忠提供 微博发布地址:http://e.weibo.com/1341556070/zm0D4kpbQ 更多精彩内容尽在新浪微博@ExcelHome,欢迎关注。 http://e.weibo.com/iexcelhome?topnav=11   一句话点评:注意,拆分对象(A1单元)一定要先选中“自动换行”,然后再设定“两端对齐”才能实现该效果
在工作表多行多列的区域中查找目标值的位置
iamlaosong文 工作表的一个区域中有很多值,我们很容易用min或者max函数找出这个区域的最小值或者最大值,但是,要确定这个值的位置就比较难了,因为match函数或者vlookup(或者hlookup)函数都是对单行或者单列进行操作的。要确定这个值的位置,需要用到数组公式,我们看下面的公式:  =ADDRESS(MAX(IF(A1:R18=MIN(A1:R18),ROW(A1:R18))),MAX(IF(A1:R18=MIN(A1:R18),COLUMN(A1:R18))
mysql实现一样变多行(表关联,批量实现)
网上很多方法是采用split的方式,写函数,判断分隔符,来截取字段放到临时表,但这样,无法批量来处理一行变多行的问题,如一个log文件,里面的日志格式为: 1       a,b,c,d,2,3,4 2       abb,bbb,ccc,222,333 要产生这样的结果: 1       a 1       b 1       c 1       d 1
Excel表格中如何实现多列的同时筛选
马上要期末考试了,发下来的EXCEL表格中有监考一、监考二、监考三,还有监考四,非常讨厌一列一列的单独的方式进行自动筛选,希望以下就可以把有自己监考的行显示出来,隐藏没有自己监考的行。把问题简单化,就是下面的表格中,把所有含有“a”的行同时筛选出来,不管“a”单元格处于该行的第几列都可以筛选出来,也就是把所有不含有a的行全部隐藏。利用高级筛选,把所有a的行选出来,先输入条件...
ios中uitableview显示两列或多列数据
我们知道在ios6以后,系统多了个UICollectionView可以显示多列数据,就像android的gridview,那么在ios6以前,我们如何实现呢?这里,我们通过一个tableview来实现。 它的原理是这样的,总共有多少条数据,除以要显示的列数,用来定义cell的行数,然后在一行中初始化这行中有多少列数据。。。。。。。 写个简单点的DEMO。。。结构如下: 这里,我们先定
EditPlus对多行进行列处理
1.选中要处理的所有行 2.编辑-〉格式-〉填充选择 3.根据需要做相应的处理即可
Oracle-1:的列操作(增加列,修改列,删除列),包括操作多列
Oracle的列操作(增加列,修改列,删除列),包括操作多列 增加一列:    alter table emp4 add test varchar2(10); 修改一列:    alter table emp4 modify test varchar2(20); 删除一列: alter table emp4 drop column test;     这里要注意几个地方,首
Android中一个单行与多行并存的listview
可以用来参考: <ScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:windo
latex 复杂表格(多行多列)的制作
%多行或多列合并的情况%(1)多行合并代码如下\documentclass{article}\usepackage{multirow}   %使用multirow必须加载该package\begin{document} \begin{table}[tbp]\centering\begin{tabular}{|ccccc|ccccc|}\hlineCase & Structural \ State
C#学习之控件:listbox显示多条数据以及周边操作
1.ListBox控件在C#之中,如果采用普通的绑定的方式的话,每行只能显示一个条目,但是如果需要多个信息在同一行里面显示的时候,就会产生一些问题,那么我们该如何解决呢? 2.Split函数的注意事项。
python tqdm模块不能单行显示问题
OS: Windows 10 IDE: Anaconda Spyder (Python3.6) 代码如下: from tqdm import tqdm for i in tqdm(range(len(data))): 问题: 第一次运行时进度条正常显示:   手动(Ctrl+C)停止后,第二次运行变成每次循环新建一行: 第三次运行中间空了一行: GitHub上找原因...
html表格 横跨多行--跨多列
colspan="2" //表示跨两列 rowspan="2 //表示跨两行
easyui 多个tab中包含多个iframe的问题
场景:        最近用tornado写了一个简单的日志查询的小project,在ui使用easyui来整体解决,之前在使用easyui时都是左侧是菜单栏,当点击菜单动态生成一个tab,但是因为project太简单了没有必要菜单栏的存在,直接两个tab切换即可,因为想简单所以在每个tab中包含一个iframe来调用不同的页面,但是测试发现当存在多个iframe的时候,tab中页面显示会凌乱...
SQL 将一列多行数据合并为一行
select 项目编号,项目名称,sum(未开票金额) 未开票金额,STUFF((select ','+供应商名称 from (select 项目编号,项目名称,sum(未开票金额) 未开票金额,供应商名称 from tab1 group by 项目编号,项目名称,供应商名称) b where b.项目编号=a.项目编号 for xml path('')),1,1,'') as 供应商from (...
5个Excel快速查找,解决删除重复值技巧
现在在职场中,少不了要用到Excel技巧,虽然有时很快捷,但不能保证在使用的过程中没有重复的数据的出现,想要排查重复数据,一个个的看,那多浪费时间,所以呀,今天小编就来教给大家5个很实用的查找,删除、统计重复值的Excel小技巧,希望大家能用上。 1.重复数据提醒 公式:=COUNTIF(A:A,A1)=1(此公式表示这一列不能出现重复数据) 选定数据,点击菜单栏中上的【数据】-【数据验证】-【验...
文章热词 图像修复显示细节 实战数据显示数值 IPFS个人博客搭建简易网页创建 机器学习 机器学习课程
相关热词 c++构造函数很多余 c# chart 很多点 bootstrap 分页很多页情况 人工智能培训班哪个更好 如何更好的学习python