怎么给easyui中的datagrid加水平滚动条

注意如下几个点就行:

1、数据网格(DataGrid)所在的table属性上级div无需设置width;

2、.datagrid属性:fitColumns为false 或者不填

3、在style中给.datagrid-body设置 overflow:auto;

<style>
	.datagrid-body{
		overflow:auto;
	}
	.datagrid-header-row > td {
		border-bottom: 1px solid #DFDFDF !important;
	}
</style>

效果如下:左边(frozenColumns)固定,右边(columns)超出表单属性可移动

原文地址:https://www.cnblogs.com/mlorct/p/10783071.html

时间: 2024-11-05 23:34:03

怎么给easyui中的datagrid加水平滚动条的相关文章

easyUI中的datagrid

datagrid比较容易出错的地方,总结一下,大家可以少走弯路,也避免自己以后再犯. 1.两个属性,pageSize.pageList,其中pageSize一定要在pageList定义内,不然就报错 2.重新load的时候,传入的参数一定要为json,而且之前的queryparam中的数据不会带入 function doSearch(obj, cls, datagridId) { var data = $(obj).parent().find("fieldset").serialize

为MFC中的ListBox添加水平滚动条

我们知道,MFC中的水平滚动条并不像垂直滚动条那样的智能.当文字超出ListBox的宽度时,水平滚动条并不会自己出现,我们需要手动的调用CListBox中的函数SetHorizontalExtent设置宽度,单位为像素. 我们可以自己添加智能水平滚动条,现在我们首先随便创建一个ListBox控件,并将它的HorizontalScrollbar属性设置为True,如下: 这样,控件的创建就完成了,然后就需要添加代码来实现智能水平滚动条了. 首先,我们创建一个类,这里,我命名为CIHListBox,

java中JScrollPane不显示水平滚动条的解决办法

在JPanel中添加了表格,表格中对东西太多,需要水平滚动条滑动才能够完全找到所有数据,如果没有水平滚动条的话,数据堆积在一起,无法分开 做法是: 第一步:先将表格自动调整的状态给关闭掉:table.setAutoResizeMode(JTable.AUTO_RESIZE_OFF); 第二步:设置JScrollPane的水平滚动条的方式,有三种,设js是一个JScrollPane的对象 js.setHorizontalScrollBarPolicy(JScrollPane.HORIZONTAL_

(转帖)关于easyui中的datagrid在加载数据时候报错:无法获取属性&quot;Length&quot;的值,对象为null或未定义

结贴说明: 很感谢sp1234等人的热心帮忙和提醒,现在我主要说明下问题所在: 首先我在独立的js文件中,直接把测试数据loaddata进去datagrid是没有问题的.var kk = {"total":2,"rows":[{"INSTANCE_ID":"BI00000011","BUSINESS_NAME":"专项检查文档资料报送","INSTANCE_STATUS&quo

easyui中的datagrid的数据加载的问题

我们在第一次使用easyui的datagrid的url加载所需的数据时,如果第二次加载数据我们使用的不是ulr而是数据返回结果进行加载的时候$("#div").datagird('loadData',data)就如同这样,我们是不能将最新的数据加载上的,表单加载的数据仍然是原来的数据,因为url还是原来的url,datagrid会按照原来的数据进行加载,这时候我们如果想要加载数据的时候可以使用$("#div").datagrid({url,"",

jQuery easyui中获取datagrid某一列的值之和

我想实现的功能就是加载datagrid之和能够计算出某一列的值之和,删除某一行数据的时候会从总数里面减去这列这行的数据,新增一条记录的时候也会把这个数据加在总数上面..说起来不知道能不能被人理解... 求大神帮忙.. 下面是部分代码.. 有些代码已经省略了..  怎么获取“我是那个数”的所有列的值的和呢?? 和删除增加那列数据呢 $(function() {$('#content').datagrid( {toolbar : [ {text : '新增',iconCls : 'icon-add'

EasyUI中对datagrid的扩展方法

以下是给datagrid扩展一个方法的demo 1.给datagrid添加一个属性 $.extend($.fn.datagrid.defaults, { demo: "demo1" }); 2.给datagrid添加一个方法 $.extend($.fn.datagrid.methods, { test1: function (jq, param) { alert(“ok”); } }); 3.调用方法 $('#dg').datagrid('options').demo;//这里取新加的

EasyUI中修改DataGrid的单元格显示内容

自定义的单元格数据显示,以实现如下效果为例 使用列属性的formatter属性即可修改,示例如下 $("#roleList").datagrid({     url : "${pageContext.request.contextPath}/role/list",     columns : [[{         field : "id",         checkbox : true     }, {         field : &qu

Jquery easyUI datagrid加载复杂JSON数据方法

1.JSON数据为: { "rows": [ { "itemNo": "1", "itemName": "12", "spec": "", "pattern": "", "itemCategory": { "id": "A01", "name": &