先上效果图
Grid 模式
$('#rdg').datagrid({
//pageNumber:1,
title:'角色列表',
striped: true,
iconCls:'icon-list' ,
//pagination:true,
rownumbers: true,
//singleSelect:true,
me...
分类:
其他好文 时间:
2015-08-04 15:39:39
阅读次数:
167
.table——基础表格样式;
.table-striped——给之内的每一行增加斑马条纹样式;
.table-bordered——为表格增加边框;
.table-hover——为之内的每一行作悬停效果;
.table-condensed——让表格更加紧凑,单元格中的内补(padding)均会减半。
.active——鼠标悬停在行或单元格上时所设置的颜色;
.success——标识成功...
分类:
Web程序 时间:
2015-07-26 06:15:42
阅读次数:
167
$(function () {$('#maintable').treegrid({ width: '98%', height: 550, nowrap: true, striped: true, fit: tru...
分类:
其他好文 时间:
2015-07-20 18:56:24
阅读次数:
153
function organDatagrid(){
$organ_treegrid = $('#organ_treegrid').treegrid({
url:ctx+'/petition/petition-info/organ-datagrid',
fit:true,
fitColumns:false,//自适应列宽
striped:true,//显示条纹...
分类:
Web程序 时间:
2015-07-20 16:25:27
阅读次数:
621
一. Bootstrap 表格样式支持 Bootstrap提供了六种不同风格的样式支持,其中一个基础样式,4个附件样式,1个响应式设计样式 1..table:基础表格 2..table-striped:斑马线表格 3..table-bordered:带边框的表格 4..table-hove...
分类:
其他好文 时间:
2015-06-19 22:58:22
阅读次数:
224
前台
js
$(function() {
$('#dg').datagrid({
height:'400px',
pageNumber:1,
title:'日志列表',
pageList:[10,20,30,40,50],
striped: true,
pagination:true,
rownumbers: true,
singleSele...
分类:
编程语言 时间:
2015-06-18 19:43:58
阅读次数:
97
问题:Datagrid striped 不工作描述:根据官方文档,Datagrid有一个属性“striped”来控制是否条纹显示奇偶行。但是好像不工作。有人用rowStyler 来实现,如下:function rowStyler(index,row){ if (index%2==0){ ...
分类:
其他好文 时间:
2015-06-05 11:43:41
阅读次数:
149
表格在实际开发中可以说是非常常见的,但是有很多人不喜欢使用表格,但个人觉得在简单的界面布局中使用表格还是很简单的。毕竟人家给了表格这元素,而你却不去使用,貌似有点不解风情。下面简单介绍Bootstrap中给的表格。1,带条纹的表格通过 .table-striped 类可以给 之内的每一行增加斑马条....
分类:
Web程序 时间:
2015-05-24 17:05:42
阅读次数:
237
第一种
$(function(){
$('#userInfo').datagrid({
url:'../json/customerAction_getCustomerInfo',
fitColumns:true,
striped:true,
nowrap:true,
loadMsg:'数据正在加载,请稍后...',
...
分类:
其他好文 时间:
2015-05-01 12:06:34
阅读次数:
386
发现table加了个class属性,如果只是table标签 将不起作用。
table-bordered:带圆角边框和竖线
table-striped:奇偶行颜色不同
table-condensed:压缩行距
除了以上另外还有其他可供选择:
1、如果需要表头跟内容不一样,可以将表头内容换成表头内容。
2、如果表格内文需要换行,可以在要换行的内容后加入,后面的内容就会跑到下一行。
3、如果内文中有代码,需要特别显示,可使用:代码。
4、如果...
分类:
其他好文 时间:
2015-03-07 22:47:18
阅读次数:
18902