本文搜集了大量 jQuery 表格插件,帮助 Web 设计者更好地驾御 HTML 表格,你可以对表格进行横向和竖向排序,设置固定表头,对表格进行搜索,对大表格进行分页,对表格进行滚动,拖放操作等等。...多列排序,自动探测数据类型,智能列宽,可从几乎任何数据源获取数据。 ? ?...Table Drag and Drop - 通过拖放,对表格中的数据重新排列,可以设置禁止拖放的行。 ? ? Table Pagination - 在表格下方自动生成分页导航。 ? ?...Colorize - 自动对表格间隔行使用不同背景颜色 ? ? jExpand - 一个非常轻量的 jQuery 插件,可以展开/关闭表格单元格,使表格可以容纳更多内容。 ? ?...Tablesorter 2.0 - 将普通的,拥有 THEAD 和 TBODY 标签的表格转换为可排序表格,可以分析多种数据,支持多列排序。 ? ?
与GridView进行用户交互 当你在程序中使用了GridView时,用户可以与GridView交互并修改其格式。例如,用户可以重新排序列(拖动表头使整列移动)、调整列的大小、选中表中的项和滚动内容。...你还可以定义用户单击列标题时响应的事件处理程序。事件处理程序可以执行类似于根据列内容对显示在GridView中的数据进行排序的操作。...下面列表详细讨论了使用GridView进行用户交互的功能: 通过拖放对列重新排序 当光标位于表头上时,用户可以按下鼠标左键,然后将该列拖动到新位置,从而对GridView的列进行重新排序。...滚动查看内容 若GridView的大小不足以显示所有项,用户可以使用ScrollViewer控件提供的滚动条水平或垂直滚动。若所有内容一开始都可见,滚动条将被隐藏。...通过单击列标题按钮与列交互 当用户单击列标题按钮时,如果你提供了排序算法,则可以对列中显示的数据进行排序。 你可以自定义标题按钮的Click事件,以便提供排序算法之类的功能。
当您在排查性能问题时 (例如 UI 卡顿或功耗过高),这些组合数据就会显得十分有用。 一次搞定所有线程 为了便于进行分析,我们将 CPU 的记录从主分析器的时间线中分离了出来。...默认情况下,我们根据线程的繁忙程度对其进行排序,但是您也可以拖放任意一个线程以对其重新排序。 ? 拖放线程来改变列表顺序 您也可以通过单击三角形图标或双击线程名称来折叠或展开每个线程。...System Trace 事件按命名添加了对应颜色 更加直观的导航 新的 Trace UI 使用了改进的时间轴导航方案,我们用主要 - 细节视图替换了以前的水平滚动条。...您甚至可以跨越多个线程执行选择操作,这个特性在您把相似线程拖放到一起进行检视时十分有用。举例来说,您也许会想对多个辅助线程进行分析,而这种场景在游戏开发中很常见。 ?...框选、拖放与缩放 分析面板 说到分析,我们想着重聊一聊 Android Studio 4.0 中引入的新 Analysis Panel ,它位于 Profiler 窗口的右边一列。
Columns:对列进行操作 DropTarget:可列表视图中项目是否以拖放操作的目标显示 FlatScrollBars:是否让滚动条有平滑的效果 FullDrag:当标签拖动时,是否重新绘制...:是否显示列标题,使用Columns可创建和添加一个列标题 ShowWorkAreas:是否以其颜色和显示名称的标签绘制工作区 SmallImages:当ViewStyle除vsIcon外时,项目的显示的图像...方法 AlphaSort:在SortType不为stNone时自动排序 Arrange:当ViewStyle属性为vsIcon或vsSmallIcon时清除位图的排列 Clear:删除所有的项目...该事件只有在OwnerData属性为True时才有效 OnDataHint:当列表视图的内容变化(如用户滚动列表视图)时发生 OnDataStateChange:当项目的范围改变状态时发生。...AutoScroll:是否自动滚动 ButtonSize:设置按钮的大小 Control:选择要对其进行的控件 DragScroll:为真时,当拖动页滚动组件上的箭头时,页滚动组件滚动
支持拖动手柄和可选文本(比voidberg的html5sortable更好) 智能自动滚动 高级交换检测 流畅的动画 多拖动支持 支持CSS转换 使用原生HTML5拖放API构建 支持 Meteor...当用户在可排序元素内单击时,在按下和松开之间,您的手通常会略微移动。仅当您将指针移过一定的公差时才开始拖动,这样您就不会在每次单击时意外开始拖动。...此插件可让页面在移动设备和IE9上可滚动元素的边缘附近拖动时(或在启用回退时)自动滚动,并且还增强了大多数浏览器的本机拖放自动滚动。...也可以将其设置为HTMLElement,这将是自动滚动的基础 scrollFn 选项 定义将用于自动滚动的功能。默认情况下使用el.scrollTop / el.scrollLeft。...当您具有带有专用滚动功能的自定义滚动条时很有用。'
See 这样的bug 然后找了一通发现可以用 *{touch-action:none}这个方法 用法是禁用元素(及其不可滚动的后代)上的所有手势,以使用自己提供的拖放和缩放行为(如地图或游戏表面...使用 Pointer_events 的应用程序将在浏览器开始处理触摸手势时收到一个 pointercancel 事件。...值 auto 当触控事件发生在元素上时,不进行任何操作。 none 当触控事件发生在元素上时,不进行任何操作 pan-x 启用单指水平平移手势。...禁用双击可缩放功能可减少浏览器在用户点击屏幕时延迟生成点击事件的需要。 这是“pan-x pan-y pinch-zoom”(为了兼容性本身仍然有效)的别名。...示例 最常见的用法是禁用元素(及其不可滚动的后代)上的所有手势,以使用自己提供的拖放和缩放行为(如地图或游戏表面) #map { touch-action: none; } 另一种常见的模式是使用指针事件处理水平平移的图像轮播
默认情况下,JTable将调整其宽度,从而不需要水平滚动条。要允许水平滚动条,请使用AUTO_RESIZE_OFF调用setAutoResizeMode(int)。...使用专门的渲染器和编辑器。 JTable仅使用整数来引用它显示的模型的行和列。 JTable只是采用表格形式的单元格范围,并在绘制过程中使用getValueAt(int,int)从模型中检索值。...因此,在编写TableModel时,不必侦听列重新排序事件,因为无论视图中发生什么,都将在其自身的坐标系中查询模型。...同样,使用RowSorter提供的排序和筛选功能时,底层的TableModel不需要知道如何进行排序,而是由RowSorter进行处理。...此添加方式适合表格行数确定,数据量较小,能一次性显示完的表格; 添加到JScrollPane滚动容器中,此添加方式不需要额外添加表头,jTable添加到jScrollPane中后,表头自动添加到滚动容器的顶部
类似于 top,但 htop 允许您垂直和水平滚动,并使用指向设备(鼠标)进行交互。您可以观察系统上运行的所有进程,以及它们的命令行参数,还可以以树形格式查看它们,选择多个进程并同时对它们进行操作。...-s, --sort-key=COLUMN 按指定列排序(使用 --sort-key help 可查看列列表)。这将强制使用列表视图,除非同时指定-t 选项。...可用于在使用选项 -s 按照指定列排序时强制生成树视状图。 -u, --user=USERNAME|UID 只显示给定用户的进程。...a(在多处理器机器上) 设置CPU亲和性:标记进程允许使用的CPU。 u 仅显示指定用户拥有的进程。 N 按PID排序。 M 按内存使用排序(兼容top命令的快捷键)。...使用移动键时,“跟随”效果会失效。 隐藏选项和刷新 K 隐藏内核线程:阻止显示属于内核的线程。
在内容周围使用足够的填充,以保持布局整齐并防止内容重叠。 集合的方式不适用于文本信息,文本信息可以用列表。相对于集合,文本信息展示在一个可滚动的列表中,浏览起来会更简单和有效。 谨慎进行动态布局变更。...自动关闭非模式弹出窗口时,请务必保存当前任务。通过点击屏幕非浮层区域部分,很容易误点而关闭非模态弹出窗口。仅当用户点击取消按钮时才取消当前的任务。 在屏幕适当的位置显示浮层。...例如:当iPhone处于水平方向时,股票类应用程序会在垂直方向支持滚动来展示特定公司的股票行情。 九、分列视图(Split Views) 分列视图管理应用程序顶层的分层内容的呈现。...在主要和补充列中持续突出显示任务选择。尽管辅助窗格的内容可以更改,但它应始终与其他列中可清楚识别的选择相对应。这种选择有助于人们理解列之间的关系并保持自己的方向。 如果合适,允许人们在列之间拖放内容。...由于拆分视图提供了对多个层次结构的访问权限,因此人们可以通过在列之间拖放项目来将内容从应用程序的一个部分快速移动到另一部分。
把A1:A10选中,鼠标放在四周,按SHIFT键拖 动到B列与C列之间,出现竖的I型虚线,放掉,该放手时就放手。...顺便说一下,国定节假日是没办法自动去除,这事规国务院管。...【数据】,选择【排序】,选择【选项】,方向中选择【按行排序】。 8.按年按月汇总 两列数据,一列为日期,一列为数量,需要按年按月汇总数量,怎么达到目的呢?...如果选择数据,点击【插入】,【数据透视表】,只 需将日期拖放在行标签中,数量拖放在值标签中,然后在数据透视表日期列中右击,创建组。...如果你以上十项全能,那么恭禧你,你已经达到了EXCEL中级水平,请一笑而过。 注:以上操作以OFFICE2010为例。
NSTableView的应用详解 一、引言 和iOS开发中的UITableView有很大差别,NSTableView并非是一个可滚动的列表视图,其是一个不可滚动、支持多列多行的原始列表视图。...- (void)sizeToFit; //提供了这个属性,会在列标题那里显示一个排序按钮 点击列标题后可以进行排序操作(会回调相关协议方法) @property (nullable, copy) NSSortDescriptor...需要注意,如果只实现这两个方法,则NSTableView会自动从列对象NSTableColume中取具体的行视图,通过dataCellForRow方法。...void)drawSelectionInRect:(NSRect)dirtyRect; //画分割线 - (void)drawSeparatorInRect:(NSRect)dirtyRect; //绘制拖放时的用户反馈...*)identifier; //滚动到指定行可见 - (void)scrollRowToVisible:(NSInteger)row; //滚动到指定列可见 - (void)scrollColumnToVisible
)、Vertical Scroll Bar(垂直滚动条)、Horizontal Slider(水平滑动条)、Vertical Slider(垂直滑动条)、Key Sequence Edit(快捷方式)。...不启用平板跟踪的情况下,部件仅接收触控笔与平板接触或至少有个触控笔按键按下时的触控笔移动事件。...如果部件接受拖放,则在鼠标拖放时,拖放事件会发送给鼠标当前光标下接受拖放的第一个部件。 如果组件设置了acceptDrops属性为True,则就是通知系统该组件可接受鼠标拖放事件。...该属性缺省为空,这个功能在窗口打开文件进行操作时可以使用来标记打开的文件。...inputMethodHints属性 inputMethodHints属性只对输入组件有效,输入法使用它来检索有关输入法应如何操作的提示,例如,如果设置了只允许输入数字的标志,则输入法可能会更改其可视组件
如何更好地使用笔记本的触控板(Touchpad)? 1. 轻敲即可代替按钮 在Touchpad上轻敲如同按鼠标左按钮,轻敲通常比单按按钮更方便、更容易,轻敲两次如同按钮两次。...不用按钮而实行拖放 您经常需要按住鼠标按钮来移动游标 (例如, 在荧幕中移动图示或视窗),这个动作被称为拖放,当您使用Touchpad 时,您可不用按钮而进行拖放。...若要实行拖放,轻敲两次(即:下-上-下); 第二次轻敲后将您的手指放在 Touchpad 上。(一些人称这个动作为轻敲一次半)。...您就会一直处于拖放状态中 (好似按住鼠标左按钮),直到您的手指离开Touchpad,拖放才会停止。 3....实现滚动功能 在Windows中,一但您安装了鼠标触控板的驱动程序,当您要在各种窗口中拖动水平或垂直的滚动条时,只需要用手指在鼠标触控板的底边和右边移动即可拖动相应的滚动条。
这个WordPress画廊插件使您能够通过用户友好的拖放式管理面板完全自定义播放器的外观和功能 ,或者使用设计中心为您的视频画廊生成与品牌兼容的外观。...用户rubikmm说: “该插件很棒,非常易于使用,自定义功能非常强大,并且支持水平相同。 继续努力。”...使用自动缓存更新来填充您的画廊,或者利用视觉画廊构建器中的拖放排序和缩略图裁剪管理功能。...垂直流将您的图像分布在等宽的列中,而不会对其进行裁剪;水平流在同一图库中很好地显示纵向和横向图像,而经典网格是正方形图像和徽标的可靠选择。...以可滚动的布局显示要与网站访问者共享的团队成员,产品,服务,设计,博客文章或任何其他内容。 通过拖放编辑,可以轻松按项目顺序进行播放,并且可以将内容设置为从现有帖子或类别中自动添加 。
默认情况是只有一列即一行只有一个字符串,我们可以使用 SetColumnWidth设置列宽 LBS_MULTIPLESEL 用户可以同时选择多项(用户单击一项时这项被选中,单击另一项时,这两项都被选中...,选择多项时只需要点击不同的项,不需要用组合键的方式,同一项第一次单击时选中,第二次单击时取消选中) LBS_NOINTEGRALHEIGHT 列表框的大小由系统在创建这个列表框的时候决定。...LB_GETTEXT 获取指定项的字符串 LB_GETTEXTLEN 获得指定项字符串的长度 LB_GETTOPINDEX 获取列表框中显示的第一列的索引,当使用滚动条使显示内容发生变化时,这个索引也会发生改变...LB_INITSTORAGE 需要加入大量列表项时使用 LB_INSERTSTRING 添加列表项,但是与LB_ADDSTRING不同的是,加入后新字符串不参加排序 LB_RESETCONTENT 清除所有列表项...找到后将该项设置为选中状态 LB_SELITEMRANGE 在多选模式下,将某一区域内一个或多个项设置为选中状态 LB_SETCARETINDEX 在多选模式下,设置给定索引值的矩形设置为焦点矩形,如果该值没有显示,那么滚动条将会自动滚动到相应行
,并加上鼠标指向时的暂停效果(Pause),可以当作图库展示或是动画及广告Banner使用。...可以向前或向后滚动。 jCarousel jQchart 基于Canvas+jQuery,可拖放/交互的简单图形控件。...jQuery Cycle Plugin Ingrid 这个jQuery DataGrid提供的功能有:可以拖动调整列宽,分页,排序,设置行/列样式等。...支持水平与垂直两种滚动方向。...当滚动页面时,能够让DOM对象产生浮动跟随效果。
用户要重置行或列的大小,仅需鼠标左键单击行首或列首的边界线,拖拽至所需位置释放鼠标。 如下图所示,当左键被按下时,鼠标位置就会显示一个工具栏。 一定要点击列的右边缘或行的下边缘以改变列宽或行高。...用户双击行与行之间的分隔线可以让行自动调整高度以显示行中最高文本, 双击列与列之间的分隔线可以让列自动调整宽度以显示列中最宽文本. ?...你可以使用SheetView.MoveRow方法,编程实现重定位一行,也可以使用SheetView.RemoveRows 一次性移除多行。...你可以使用SheetView.MoveColumn 方法,编程实现重定位一列。也可以使用SheetView.RemoveColumns方法 一次性移除多列。...当使用表单工作时,你可以利用表单类中的各种不同成员来找出行或列最后一个或者格式的索引。
您可以使用拖放或在“ 地址”字段中输入地址,立即转到“ 内存”窗口中的指定地址。“ 地址”字段接受字母数字地址和计算地址的表达式,例如。...要使用拖放移动到内存位置: 在任何调试器窗口中,选择内存地址或包含内存地址的指针变量。 将地址或指针拖放到“ 内存”窗口中。...要更改“内存”窗口中的列数: 选择“ 列”字段旁边的下拉箭头,然后选择要显示的列数,或者根据窗口宽度选择“ 自动”进行自动调整。也可以手动输入数字。 ?...要切换实时评估: 在“ 内存”窗口中单击鼠标右键,然后在上下文菜单中选择“ 自动重新评估”。 您可以隐藏或显示“ 内存”窗口顶部的工具栏。隐藏工具栏时,您将无法访问“ 地址”字段或其他工具。...使用诸如Step之类的调试命令时,“ 地址”字段和“ 内存”窗口顶部显示的内存地址会随着指针的更改而自动更改。 ?
: String 列的标题 默认是"" dataIndex : String 和Model的列一一对应的 sortable : true 可以整理,可以进行分类的 field: 可编辑字典配置 重要方法...getStore 返回当前页面所关联的store 重要属性 ownerCt 组件所属的 Container (当前组件被添加到一个容器 中时此值被自动设置) title : String 表格的标题...Mixed 把表格渲染到什么地方 width : Number 宽 height: Number 高 frame : Boolean 是否填充渲染这个Panel forceFit : true 设定表格的列是否自动填充...viewConfig:{ plugins:[ Ext.create('Ext.grid.plugin.DragDrop', { ddGroup:'ddTree', //拖放组的名称...表格支持无限滚动条的方式分页,有上千条数据时你可以一直滚动滚动条就可以加载(跟微博的无限滚动条一样),没有一次渲染数千条的性能问题,需要做如下的配置 Ext.create('Ext.grid.Panel
分页查看文件内容按Enter键向下逐行滚动 按空格键向下翻一屏按b键 向上翻一屏 文件末尾时more会自动退出 less -c 从顶部清屏然后显示文件内容。-N 其作用是在每行前添加输出行号。...分页查看文件内容 按Enter键向下逐行滚动 按空格键向下翻一屏 按b键 向上翻一屏 文件末尾时more会自动退出 less -c 从顶部清屏然后显示文件内容。...过滤文件内容显示——grep 简介 在指定的普通文件中查找并显示含有指定字符串的行,也可与管道符一起使用 语法格式: grep 选项…… 关键字符串 文件名称…… 选项 说明 -c 仅显示找到的行数...-i 忽略大小写 -n 显示行号 -v 反向选择——仅列出没有“关键词”的行 -A -A 2 搜索时显示匹配到的那一行以及下2行 -B -B 2 搜索时显示匹配到的那一行以及上2行 -C -C 2 搜索时显示匹配到的那一行以及上下...但是如果按列搜索,不仅要使用-f参数来设置需要看的列数,还需要使用-d参数来设置间隔符号。