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

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

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
excel中如何在一个单元格中输入多行文字
http://jingyan.baidu.com/article/d2b1d102976ab35c7e37d435.html
HTML 表格的标题 占多行或者多列的表格
水平的表头: Ny first caption on html   姓名   电话     Bill Gates   555 77 854   555 77 855 垂直的表头:   姓名   Bill Gates     电话   555 77 854   555 77 855
在Excel中怎样才能在某一行前面一次插入多行?
你在要插入的行以下选中多少行,点插入,就能插入多少行。 ​
页面多列布局
多列布局的多种解决方案(一)(定宽或不定宽与自适应的布局)   这里我会先讲两列布局中的定宽与自适应布局,然后再拓展到不定宽与自适应布局,最后再讲一下三列布局,由此衍生到四列五列等多列布局。 先讲解两列布局的多种解决方案。 老规矩,现在HTML文档BODY下写入:   接着CSS设置parent主容器背景颜色为浅灰色,left背景颜色为黑色,right背景颜色为深灰色:
latex 复杂表格(多行多列)的制作
%多行或多列合并的情况%(1)多行合并代码如下\documentclass{article}\usepackage{multirow}   %使用multirow必须加载该package\begin{document} \begin{table}[tbp]\centering\begin{tabular}{|ccccc|ccccc|}\hlineCase & Structural \ State
android实现多列显示的下拉列表框-Spinner
先上张效果图: 严格来说,这并不是一个下拉列表,只不过实现的效果很像是下拉列表 实现原理: 该下拉列表其实是一个AlertDialog.Builder,给它设置了一个以LinearLayout布局的View。该View内使用了一个GridView组件, 代码: package yyy.testandroid9; private Intent intent; private i
拷贝Excel多行多列,粘贴至HTML后自动生成多个文本框
拷贝Excel多行多列,粘贴至HTML后自动生成多个文本框<!DOCTYPE html> <html> <head> <title>copytablehtml.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyw
Latex 表格 多行多列
http://blog.sina.com.cn/s/blog_758baa8d01016p7r.html 转载来源:http://jhengjyun.blogspot.hk/2011/01/latexmulticolumnmultirow.html 如果合併的表格只需要跨行,不需要跨列,直接就用LaTable解決吧! 然而要製作出更複雜含有跨列合併表格,就必須手動改寫了 通常畫表格需要
ios开发——用UITableView展示多行多列图片
有时我们可能需要用UITableView通过自定义Cell的方法来展示多行多列的图片,实现类似与UICollect
使用该JavaBean可以将数据在JSP页面中以表格的形式显示出来,并具有动态排序、动态生成查询、自动分页功能...
使用该类可以将数据在JSP页面中以表格的形式显示出来,并具有动态排序、动态生成查询功能 该类可以方便实现: 1、 将表中读出的数据以表格的形式显示。 2、 根据表的结构,动态生成查询 3、 可以动态的对显示字段进行排序,所有的字段都可以,要做的就是在对应字段点一下 4、 可以自动生成翻页,统计页数、当前面等 (注:表的第一个字段名请一定为id) 下面是示例图: 1、 运行初使页面图...
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...
Web网页布局多列等高之Sliding Faux Columns
当网页的布局有很多列时,由于Div的高度依赖于内容的多少,所以经常会发生多列不等高的情况。如果各列的背景色不一样会很难看。有很多方法可以实现等高效果。本文将介绍Sliding Faux Columns方法。该方法英文的介绍很多,在此主要贴本人使用的代码。     Sliding Faux Columns主要通过为父Div设置背景色来实现各列等高效果。在布局完成并确定Color Scheme之后,
实现一个可无限折叠的table
如何在table上实现一个可折叠展开子节点的table?先看下最终实现效果图: 项目地址: : 源码传送门 demo : demo传送门 技术栈: vue javascript 动手实现 为有兴趣的同学先准备一下大纲目录预览,为了不让同学们看入迷,让大纲为你 指明前行的道路 ! 大纲预览 明确需求 树形结构数据准备 数据扁平化 (重点) 层级展示 折叠展开功能实现 1. ...
swift3.0多列表格 行和列可以滚动的集合视图
项目地址:https://github.com/xjh19920000/CollectionTableView
Android中一个单行与多行并存的listview
可以用来参考: <ScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:windo
实现多个table表格在jsp页面中分多列进行展示
1.这里演示的分两列展示的效果:注意:红色边框是我画出来用于提示是table区域的. 2.关键jsp代码:<div class="panel-body"> <c:forEach items="${itemList}" varStatus="status" begin="0" end="${itemList.size() }" step="1"> <!-- 通过设置 div的
java 导出一行多列的excel表格
@RequestMapping("export") public void export(HttpServletRequest request, HttpServletResponse response,Integer areaId ,GoldSendVo filter ,String fafangTimeString) throws IOException { response.setC
黑马程序员之HTML学习笔记:rowspan属性实现HTML表格中一列跨越多行,colspan 属性实现HTML表格中一行跨越多列
www.dreamdu.com             .com域名的数量             .cn域名的数量             .net域名的数量             总数                             2003年             1000             2000+5000             3000
怎么导入含有多列数据的txt到origin或者excel中
类似这种数据我们应该怎么导入到excel呢?首先 这种文件属于ASCII码文件,可以用记事本软件打开,列与列之间用的是分隔符或者逗号空开,这些符号将实验数据的横纵坐标分开,导入数据的时候将这些符号导入,这样才能让软件分开什么事x轴和y轴。方法有两个:用origin里面的import/single ASCII,来导入数据,软件会自动识别,例如导入进去是这样的:...
初学Spring不太容易理解的问题
初学Spring Q: 控制反转(IoC)是什么?到底是谁的控制被反转了? A: Ioc是一个容器,在Spring中,它会认为一切Java资源都是Java Bean,容器的目标就是管理这些Bean和它们之间的关系。所以在Spring IoC里面装载的各种Bean,也可以理角为Java的各种资源,包括Java Bean的创建、事件、行为等,它们由IoC容器管理。也就是说创建对象、处理对象之间的关...
sql中插入多列多行数据
sql插入一行多列数据: INSERT INTO table_name (列1, 列2,...) VALUES (值1, 值2,....) sql插入多行多列数据: INSERT INTO table_name (列1, 列2,...) VALUES (值1, 值2,....),((值1, 值2,....),(...);
多行文本框
这是一个基础的html文件,用来说明如何在网页上设置多行文本框。
JavaScript-js-创建表格-创建多行多列表
创建多行多列表格 function addTable(){ var rowsLength=20;//行数 var colLength=10;//列数 var position = document.getElementById("blue");//定义table生成的位置 var objTable = document.createElement("table"); obj
Excel中一次性插入多行
打开你的表格,如我们想插入多行,那么,先选中你想插入多少行,比如想插入10行,那么在你想插入行的地方往下选中10行: 2 注意是选中行序号那里选中全行,然后右击,选择插入: 3 就可以看到在你开始选中的地方插入了10行空白行: END 再说一次性插入多列。
pandas中,一次性删除dataframe的多个列
之前沉迷于使用index删除,然而发现pandas貌似有bug?     import pandas as pd import numpy as np df = pd.DataFrame(np.arange(12).reshape(3,4), columns=['A', 'B', 'C', 'D']) x=[1,2] df.drop(ind...
调试经验——在Excel中使用OFFSET函数将多行多列数据转换成单列数据(Transform data block to single column)
需求说明:需要将下表中C列的内容按逗号拆分成独立的单元格。首先想到的方法是使用Excel的分列功能(Textto Column),将C列拆分成多行多列,如下所示。剩下的问题就是:如何将这个分列后的数据块串联成一个单列数据?可使用Offset函数满足此需求。(在Excel中,OFFSET函数的功能为以指定的引用为参照系,通过给定偏移量得到新的引用。) 具体步骤:1.      观察到分列后有很多空的...
R语言学习-一行/列转多行
> A<-seq(1:20) > A [1] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 > class(A) [1] "integer" > B<-matrix(A,nr=5) > B [,1] [,2] [,3] [,4] [1,] 1 6 11 16 [2,] 2 7
oracle行列转换、多行转字符串等总结
行列转换包括以下六种情况: *列转行 *行转列 *多列转换成字符串 *多行转换成字符串 *字符串转换成多列 *字符串转换成多行 下面分别进行举例介绍。 首先声明一点,有些例子需要如下10g及以后才有的知识: a。掌握model子句, b。正则表达式 c。加强的层次查询 讨论的适用范围只包括8i,9i,10g及以后版本。begin: 1、列转行 CREAT
EXCEL缩小打印预览时只有一页,但打印出很多页的解决方法
EXCEL选择特定打印机时,使用缩小打印,预览时只有一页,但是实际打印出来有很多页,每页都只有一点点东西。 测试发现,使用adobe打印机时没有问题,说明是打印机设置上的问题。 由于现在大多数打印机都有自己的缩放功能(将A4放到A3,或A3缩到A4),所以估计是打印机缩放和EXCEL的缩放之间存在冲突。 解决方法很简单: 在打印机属性里对输出纸张尺寸做限制,将本来默认的“和原稿尺寸
VLOOKUP之一次查询,多列结果(三)
想第一时间收到最新知识,可关注微信公众号:黑米粥的世界。欢迎加入QQ群:782200398获取案例今天继续给大家分享关于VLOOKUP函数的进阶用法。点击以下链接回顾基础教程:全面掌握VLOOKUP函数各类用法(一)深入解析查询过程中#N/A出现的N种原因在进行数据查询时,有时需要返回的结果很多,比如通过学号一一查询语文、数学、英语、总分的成绩:你肯定不想一个一个写公式,对吗?先来分析一下:在这四...
实现多行多列单选框(自定义控件)
项目要用到多行多列单选框,于是自己自定义了一个,有需要的童鞋刚好可以参考参考。
Excel 文本内容一行快速分为多行(亲自实践)
演示动画由ExcelHome论坛微领祝洪忠提供 微博发布地址:http://e.weibo.com/1341556070/zm0D4kpbQ 更多精彩内容尽在新浪微博@ExcelHome,欢迎关注。 http://e.weibo.com/iexcelhome?topnav=11   一句话点评:注意,拆分对象(A1单元)一定要先选中“自动换行”,然后再设定“两端对齐”才能实现该效果
Origin 在新打开的工作区添加列
1,刚打开如下 2,添加列 方法1是选择某一列,右键——Insert,这样只能一列一列的添加。如果想一下多添加几列则 方法2 是“Column”——“Add New Column”或者按“Ctrl +D” ...
网页上图片模糊问题
图片border 使图片模糊
C#学习之控件:listbox显示多条数据以及周边操作
1.ListBox控件在C#之中,如果采用普通的绑定的方式的话,每行只能显示一个条目,但是如果需要多个信息在同一行里面显示的时候,就会产生一些问题,那么我们该如何解决呢? 2.Split函数的注意事项。
ios中uitableview显示两列或多列数据
我们知道在ios6以后,系统多了个UICollectionView可以显示多列数据,就像android的gridview,那么在ios6以前,我们如何实现呢?这里,我们通过一个tableview来实现。 它的原理是这样的,总共有多少条数据,除以要显示的列数,用来定义cell的行数,然后在一行中初始化这行中有多少列数据。。。。。。。 写个简单点的DEMO。。。结构如下: 这里,我们先定
一行多列的下拉多选框
一行多列的下拉多选框很简单的一行多列的下拉多选框,就当是学习编写jquery插件的例子,该例子依赖jquery相关js代码:/** * 下拉多选插件,支持一行显示过个input框,显示多行 * by liangsu */ (function($){ "use strict"; var SelectCheckBox = function(element, options){
在Excel中让某一列的值必须从下拉框中选择的解决方法
1.在Excel中的某一列中输入“0,1,2”三个数字;2.选中需要从下拉框取值的列;3.“数据”菜单----“有效性”---“设置”的“允许”中选择“序列”,“来源”中选中刚才输入“0,1,2”的那一列;4.“输入信息”,“出错警告”标签中输入你的自定义。
freemarker 遍历map 同一行显示多列 即 每一个tr 显示指定数量td
&amp;lt;#if  pmap??&amp;gt;                                 &amp;lt;#assign x=0 /&amp;gt;                                 &amp;lt;#list pmap.keySet() as strKey&amp;gt;                                   &amp;lt;#if x%6=0&amp;gt;&amp;l...
pandas 多个列,行读取方法
import matplotlib.pyplot as plt import tkinter import numpy as np import pandas as pd from pandas import DataFrame data_train = pd.read_csv(‘train2.csv’) print(data_train[[‘Sex’,’Age’
文章热词 设计制作学习 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 学习java很枯燥 学习java很痛苦