LayUI – Table的简单使用方式

最近,又需要写点前端页面了,半路出家的我又接触了一些LayUI,对于Table的使用简单总结一下。 本文需要简单了解一下LayUI,了解LayUI模块的引入方式。 表格的HTML代码如下: <table id="tableTest" lay-filter="tableTest"></table><!-- 操作列的HTML模板 --><script type="text/html" id="tmplToolBar">    <a&...

字符与字节

我一直停留在很多年以前,还以为1个汉字顶2个英文,直到今天我把Javascript、Java、C#、MySQL全都试了一遍,才发现我一直停留在自己的幻想之中。 1. Javascript 2. Java 3. C# 4. MySQL JavaScript语言采用Unicode字符集,但是只支持一种编码方法,JavaScript用的是UCS-2。但是UTF-16取代了UCS-2,或者说UCS-2整合进了UTF-16。所以,现在只有UTF-16,没有UCS-2。“?”这个字的长度为4个字节,Javascript...

使用Bootstrap-Table实现行折叠

使用Bootstrap-Table实现行折叠
相关文章索引: 使用Bootstrap-Table实现分页和排序 使用Bootstrap-Table实现行折叠 在需要展示的数据量比较大的时候,一般需要将表格的行进行折叠,bootstrap-table其实是支持这种需求的,具体的例子可以参见http://issues.wenzhixin.net.cn/bootstrap-table/#methods/expandRow-collapseRow.html。折叠的截图如下: 但是,由于之前将Bootstrp-table进行了改造,使用加载片段的方式实现数据异步加载,如...

安装Node.js和NPM

安装Node.js和NPM
首先,Node.js是在后端运行JavaScript代码,所以,必须在本机安装环境。 1. 安装Node.js 在https://nodejs.org/en/download/下载符合当前操作系统的安装包,然后在本地安装,以windows系统为例,启动安装程序后,直接下一步即可安装完成。 打开命令行工具,输入: node -v 显示以下输出即可: 2. NPM 安装Node.js后,NPM已经随同Node.js安装至本地环境,打开命令行工具,输入: npm -v 显示以下输...

JS实现Table冻结行列

JS实现Table冻结行列
最近要实现冻结表格行列的效果,如下: 于是找了几个JavaScript插件试了一下,比如"Fixed-Header-Table",这个插件第一感觉是比较好的,从调用和配置的方式上来说,比较符合日常使用的习惯,但是唯一的问题在于,一旦Table内包含中文,它的样式就会走形,反复调试了多次,因为时间的关系,就放弃了。 后来用的是网上找的一段代码,因为它不是以插件方式开放的,就是引用JS脚本,然后再以函数方式调用,虽...

使用Bootstrap-Table实现分页和排序

使用Bootstrap-Table实现分页和排序
相关文章索引: 使用Bootstrap-Table实现分页和排序 使用Bootstrap-Table实现行折叠 前几天寻找了几个表格插件之后,开始研究如何使用其中的某个插件来实现需求,需求如下: 1.能够使用jquery.load直接加载一个片段过来,作为tbody的内容。 2.能够点击列头排序。 3.能够分页,而这种分页能够支持服务器端分页。 最后通过Bootstrap-Table这款插件实现,实现的具体过程如下: 1.引用插件 按官网的Getting s...

JQuery表格插件

如果你懒的了解插件的不同,只是想找个分页的方案,戳这里使用Bootstrap-Table实现分页和排序。 最近试验了几个JQuery的表格插件,找寻能够符合我需要的方案,目前方案还没找到,不过大概了解了一下这些插件,把优缺点记录一下,以备以后参考。 三个插件分别是datatable,bootstrap-table,footable。 1.datatable 一个使用比较广的JQuery表格插件,优点是:应用面积广,所以资料颇多;API和接口很充足,可...

JS前端框架

最近忙的要死,已经完全没有休息日,前些日子推荐了一些页面模板,但是总有瑕疵,而且难以满足我日后的一些需求,所以近些天又在搜索各种JS框架应对需求,今天就来汇总一下: 1.ExtJS 是个做B/S的就应该听说过这个框架吧,没吃过猪肉总应该见过猪跑吧,网上一搜一大堆关于它的信息。 优点:就一句话,小母牛做电锯,锯NB,功能太强大。 缺点:重,你想想不到的重;另外闭源就得花钱。 中文站点:http://ext...

JSRender

jsrender 是下一代的 jQuery 模板,专为高性能的纯字符串渲染而优化,无需 DOM 和其他 jQuery 依赖。其官方地址为:http://www.jsviews.com/。 应用实例1:table动态加载 HTML: <table class="table table-bordered">     <thead>         <tr>             <th>姓名</th>             <th>用户名</th>         </tr>     </thead>     <tbody ...
Copyright © 字痕随行 保留所有权利.   Theme  Ality

用户登录

分享到: