gridTemplate

基于 jQuery 的表格(含分页)套件
授权协议 GPL
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery分页插件
软件类型 开源软件
地区 国产
投 递 者 黄仲渊
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

简单介绍

  • gridTemplate 是一款基于jQuery开发的表格(含分页)套件。

  • 提供非常灵活的前端表格开发模板方法工具。

  • 使用配置灵活,分页样式灵活,便于扩展。

  • gridTemplate + JS模板引擎是最好的搭配。

  • 前端开发者不用关心前段表格加载、分页等基础问题,仅需要关心如何结合JS模板引擎来渲染自己的表格,表格样式由自己自由发挥。

  • 不在受限于传统的表格前端工具。样式由你定。

使用方法有两种:

1.本地方法调用:

      var grid=  gridTemplate($("div.gridContainer"),{
                  ajax:{url:"xx"},
                  render:function(data,container){
                  });

2.jQuery调用(推荐):

       var grid= $("div.gridContainer").gridTemplate({
                  ajax:{url:"xx"},
                  render:function(data,container){
                   });


  • 如何使用grid的kendoui grid 以及 template 和 custom 栏位处理,很不错 @(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.EmployeeViewModel>() .Name("Grid") .Columns(columns => { columns.Bound(e => e.Fi

  • <template> <div> <h2>DataGrid Template</h2> <DataGrid :data="data" style="height:250px"> <GridColumn field="itemid" title="Item ID"></GridColumn> <GridColumn field="name" title="Name" width

  • 网格模板列 | grid-template-columns grid-template-columns定义的行名称和跟踪的大小功能网格列 /* Keyword value */ grid-template-columns: none; /* values */ grid-template-columns: 100px 1fr; grid-template-columns: [linename] 1

  •     onDataChange: function (e) {         ...         //由於字段使用了template(template出錯),在onAfterAdd初始化會報錯,因放此處執行         if (e.action == "add" && dm.masterData[1] && e.tableName == dm.masterData[1].tableNa

  • @TemaniAfif提供了一个有效的解决方案但删除了他的帖子. 简短回答: 对于只有一列而不是两列的行,我必须编写“myArea myArea”以使每行的列数相同. 答案很长:如果可以缩短CSS代码,请告诉我! #contactForm { display: grid; grid-template-columns: 50% 50%; grid-template-areas: "lblFirstN

  • ts:this.elementRef.nativeElement.getElementsByClassName('pin-digits')[0].style ="grid-template-columns: repeat(" + this.maxEntries + ", 16px)"; js:document.getElementsByClassName('screen')[0].style =

 相关资料
  • 本文向大家介绍基于JavaScript实现表格滚动分页,包括了基于JavaScript实现表格滚动分页的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js实现表格滚动分页展示的具体代码,供大家参考,具体内容如下 CSS: JS: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍基于jQuery实现表格的排序,包括了基于jQuery实现表格的排序的使用技巧和注意事项,需要的朋友参考一下 主要思路:   因为JS有SORT的方法,对数组进行排序,那么通过个方法,我们就会想到数组了。   1.点标表格标头的时候,取出点击的是那一列。即列的索引值。因为下面要进行排序的就是该列。所以我要知道是点的那一列。   2.对表格的数据部分,也就是tbody部分,进行点击的列

  • 本文向大家介绍基于Bootstrap3表格插件和分页插件实例详解,包括了基于Bootstrap3表格插件和分页插件实例详解的使用技巧和注意事项,需要的朋友参考一下 首先看下实现效果图,如果觉得还不错,请参考实现代码。 上面数据 下面分页 使用方法 1 导入bootstrap的css 2 导入jquery 3 导入表格分页插件 lTable.js 4 添加html标签 并对id 赋值 5 获取数据

  • 本文向大家介绍jQuery给表格添加分页效果,包括了jQuery给表格添加分页效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了jQuery表格添加分页的具体代码,供大家参考,具体内容如下 1. 新建一个Table,添加十行数据 2. 引入jQuery 及script代码 3. 另外,附上表格和底部分页码的css样式 4.好了,打开浏览器试试 点击页码可翻页,成功! 更多精彩内容请

  • 本文向大家介绍layui+jquery支持IE8的表格分页方法,包括了layui+jquery支持IE8的表格分页方法的使用技巧和注意事项,需要的朋友参考一下 工具(框架、插件) 1、layui-v1.0.9 2、jquery-1.8.3 代码 1、jsp代码(可忽略jsp部分,转成html) 2、js代码 注意事项 1、layer官网称layer支持IE8,但我无法调试成功,因此还是使用了lay

  • 实现根据数据源显示成GridView格式的列表。也就是呈现表格样式,每一行都有多列内容。无需计算每列的位置,宽度,只需要绑定数据源,设置显示的列名即可。本代码在BeeFramework框架基础上开发。 [Code4App.com]