设置页数框的宽度:
.pagination .pagination-num{
30px;
}
设置每页数据的行数:
.pagination-page-list{
20px;
}
设置行高:
可以通过设置td高度来设置行高,设置代码如下:
.datagrid-header td,.datagrid-body td
{
height:40px;
}
设置 rownumber 的宽度,防止行数字不能完整显示
修改css代码即可:
.datagrid-header-rownumber,.datagrid-cell-rownumber
{
50px;
}
设置列的宽度
这个只需要在进行列设置时指定宽度即可:
columns:[[
{field:'id',title:'id',align:'center',halign:'center','100'},
{field:'protocol',title:'protocol',align:'center',halign:'center','100'},
{field:'srcIp',title:'srcIp',align:'center',halign:'center','100'},
{field:'dstIp',title:'dstIp',align:'center',halign:'center','100'},
]],
'100' //里面不需要写任何长度单位
datagrid 重新加载
$("#dg").datagrid("reload")
datagrid 根据参数加载数据
$("#dg").datagrid("load",{id:id,name:name});
datagrid 初始化
$("#dg).datagrid({url:'...',queryParams:{name:'...',id:123}})
设置行高
.datagrid-row {
height: 30px;
}
文字和表情图片的居中对齐问题
这一项只需要设置表情图片的对齐方式即可
img{
vertical-align:middle;
}
span 标记内容的赋值与修改 用$("#id").html() 或者 #(“#id”).text(),普通的表单标签input一列用 $("#inputId").val() 和 $("#inputId").val(newValue)
div标签 滚动条用 css 属性设置即可
{
overflow-x:hidden;
overflow-y:scroll;
}
设置字间隔
使用CSS属性设置即可
{
letter-spacing:3px;
}