首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    如何锁定表头和表行同时锁定_jquery表头固定列

    前段时间需要这个功能,但是找了很多都不能完美的实现,不是只能锁定表头,就是浏览器兼容问题什么的,在此就自己做了一个锁定表头和列的js方法,依赖于JQuery。...如使用jQuery1.9.x及以上版本,需要引用jQuery Migrate Plugin库,在jQuery官网即可下载到! 因为方法很简单,就未封装成插件的形式,仅仅以代码方式发布。...function FixTable(TableID, FixColumnNumber, width, height) 第一个参数:table的ID,第二个参数:要锁定的列数目,第三个参数:显示的宽度,第四个参数...> /// 要锁定的Table的ID /// /// /// 要锁定列的个数...ps2:代码中使用了jquery的msie方法,此方法在1.9.x中删除,需要添加jQuery Migrate Plugin引用,在jQuery官网即可下载到。

    3.6K20

    七个帮助你处理Web页面层布局的jQuery插件

    Plugin将自动以报纸列格式来布局您的内容。...您可以指定列宽或列的静态数量。而且,当然,这很容易使用!Columnizer会将CSS类添加到它创建的列中。每列将有一个“列”类名。第一列将有“第一”,最后一列将有“最后”。...这使您可以更轻松地定位CSS标记中的特定列。 github:https://github.com/adamwulf/Columnizer-jQuery-Plugin ?...图片发自简书App 7:Columns jQueryJSON数据转换为html表插件Columns GitHub:https://github.com/eisenbraun/columns Columns...创建JSON数据转化为HTML方法 引用jQuery库1.7或更高版本和Columns插件文件,列是将JSON数据创建为可排序,可搜索和分页的HTML表格的简单方法。

    10.4K20

    jQuery EasyUI 详解

    " }] },], animate: true, // 节点折叠和展开是否使用动画 lines: true, // 是否显示 节点之间的线条 dnd: true, // 是否可拖拽...{} sortName string 定义可以排序的列。 null sortOrder string 定义列的排序顺序,只能用 asc 或 desc。...onSortColumn sort, order 当用户对一列进行排序时触发,参数包括: sort:排序的列的字段名order:排序的列的顺序 onResizeColumn field, width 当用户调整列的尺寸时触发...getEditors index 获取指定行的编辑器们。每个编辑器有下列特性:actions:编辑器能做的动作们。target:目标编辑器的 jQuery 对象。field:字段名。...colspan:合并跨越的列数。 showColumn field 显示指定的列。 hideColumn field 隐藏指定的列。

    10.9K10

    七个帮助你处理Web页面层布局的jQuery插件

    6.Columnizer 官方网址:https://welcome.totheinter.net/columnizer-jquery-plugin/ Columnizer jQuery Plugin将自动以报纸列格式来布局您的内容...您可以指定列宽或列的静态数量。而且,当然,这很容易使用!Columnizer会将CSS类添加到它创建的列中。每列将有一个“列”类名。第一列将有“第一”,最后一列将有“最后”。...github:https://github.com/adamwulf/Columnizer-jQuery-Plugin 7:Columns jQueryJSON数据转换为html表插件Columns GitHub...:https://github.com/eisenbraun/columns Columns创建JSON数据转化为HTML方法 引用jQuery库1.7或更高版本和Columns插件文件,列是将JSON...数据创建为可排序,可搜索和分页的HTML表格的简单方法。

    67700

    ABP入门系列(14)——应用BootstrapTable表格插件

    BootstrapTable 基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展)等等的功能。...想对其有详细了解,可参考官方文档。 废话不多说,下面我们就直接上手演练。 3....,排序字段; sortWay:排序参数,排序方式(升序or降序); search:过滤参数,指定过滤的任务名称; status:过滤参数,指定过滤的任务状态 这里面要注意的是参数的命名和顺序必须和前端传参保持一致...接着使用来定义bootstrap-table表体。 3.3....,比如操作列中指定events: operateEvents来指定每个操作对应的事件处理: //指定table表体操作事件 window.operateEvents = {

    5.2K50

    Bootstrap Table强大的web数据表格渲染框架

    AJAX 请求预加载数据:支持手动调用load()方法注入数据智能数据处理:自动解析时间 / 数字格式,支持自定义formatter函数内置数据校验机制,配合data-validate实现字段验证(三)可扩展组件体系列配置系统...(内容格式化)、data-events(事件绑定)插件生态:编辑类:bootstrap-table-editable实现单元格内编辑导出类:bootstrap-table-export支持 Excel/...https://unpkg.com/bootstrap-table@1.21.4/dist/bootstrap-table.min.css">jquery...对于复杂交互场景,可结合 Vue/React 等框架封装自定义组件,实现组件化开发。...随着 Web 应用对数据可视化要求的不断提高,Bootstrap Table 正从单纯的数据展示工具,进化为支持编辑、分析、导出的全功能表格解决方案。

    65100

    提高工作效率的几个小技巧

    图片发自简书App 一:json解析工具 http://www.sojson.com/ json在线编辑工具:http://www.bejson.com/jsoneditoronline/ 提供在线JSON...可拖放排序在线编辑的Bootstrap可视化布局系统......设置你的栅格布局, 栅格总数默认为12, 用空格分割每列的栅格值 三:在线图片压缩 http://www.tuhaokuai.com/ 四:迅捷PDF准换器 http://app.xunjiepdf.com...,让顾客观看,这个时候也无需下载复杂的安装包了,直接打开这个网站,无论是什么格式,PDF可以转为任何形式的,图片,文档,文本,PPT都可以,更厉害的是,这些个格式也能反过来转换为统一的PDF格式 五:jQuery...在线编辑手册 http://www.w3school.com.cn/jquery/index.asp W3school 提供完整的jQuery参考手册以及大量的在线实例 六:前端开发神器: http:/

    74540

    动图展示 60+ 个前端常用插件库合集

    Toolbar.js 官网:Toolbar.Js Github:paulkinzett/toolbar 一个产生工具列的jQuery插件。...Muuri.js 官网:Muuri Muuri是一个JavaScript Layout引擎,让你可以构建多样化的Layout,并具有响应式、可排序、可过滤、拖拽移动或动画效果。...fullcalendar 官网:JavaScript Calendar Github:fullcalendar 设计一个满版且可拖拽事件的行程日历。...TinyMCE-HTML编辑器 官网:TinyMCE Github:tinymce TinyMCE是功能齐全且轻量级的HTML编辑器,但需要在IE11以上才可以运行。...List.js-资料排序 官网:List.js Github:list.js List.js对表格、清单、各式各样的对象,增加搜索、排序、过滤和灵活性,无形地建立在HTML内,极简易也易于使用。

    8.1K40

    「沙里淘金」精选浏览器端JavaScript库资源推荐

    EpicEditor - 一个可嵌入的JavaScript Markdown编辑器,具有分屏全屏编辑,实时预览,自动草稿保存,离线支持等功能。...滑动和滑动 - 可与touchSwipe库配合使用的滑动滑动菜单。 表/网格 jTable - 一个用于创建基于AJAX的CRUD表的jQuery插件。...Tabulator - (jQuery插件)一个非常灵活的库,可以从任何JSON数据源或现有HTML表创建具有一系列交互功能的表。...Isotope- 可过滤,可排序的网格布局库。可以实现Masonry,Packery和其他布局。 flexboxgrid - 基于CSS3 flexbox的网格。...jquery.vibrate.js - Vibration API Wrappers list.js - 为表,列表和各种HTML元素添加搜索,排序,过滤器和灵活性。构建为不可见并处理现有HTML。

    8.2K20

    轻量级jQuery网格插件——ParamQuery

    ParamQuery是一种轻量级的jQuery网格插件,基于用于用户界面控制、具有一致API的优秀设计模式jQueryUI Widget factory创建,能够在网页上展示各种类似于Excel和Google...使用ParamQuery,开发者可以轻松地实现以下特性: 排序 分页浏览 可以调整数据栏的大小 可以调整表格的高度和宽度 自定义主题 隐藏或显示列 像Excel那样冻结任意多列 显示任意数据源格式...,像HTML、数组、XML、JSON等 可以用于任意服务端框架,像ASP.NET、MVC3、JSP、JSF、PHP等等 虚拟滚动和渲染 直接编辑单元格 在所有主流浏览器(IE 6+、Firefox...原文地址:轻量级jQuery网格插件——ParamQuery An Example to Use jQuery Grid Plugin in MVC - Part 1

    2.3K60

    「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源

    EpicEditor - 一个可嵌入的JavaScript Markdown编辑器,具有分屏全屏编辑,实时预览,自动草稿保存,离线支持等功能。...滑动和滑动 - 可与touchSwipe库配合使用的滑动滑动菜单。 表/网格 jTable - 一个用于创建基于AJAX的CRUD表的jQuery插件。...Tabulator - (jQuery插件)一个非常灵活的库,可以从任何JSON数据源或现有HTML表创建具有一系列交互功能的表。...Isotope- 可过滤,可排序的网格布局库。可以实现Masonry,Packery和其他布局。 flexboxgrid - 基于CSS3 flexbox的网格。...jquery.vibrate.js - Vibration API Wrappers list.js - 为表,列表和各种HTML元素添加搜索,排序,过滤器和灵活性。构建为不可见并处理现有HTML。

    9K21
    领券