jquery easyUI datagrid如何让宽度自适应

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery easyUI datagrid如何让宽度自适应相关的知识,希望对你有一定的参考价值。

添加表格属性:

fitColumns:true; // fitColumns(自适应列宽),设置为true将自动使列适应表格宽度以防止出现水平滚动。

参考技术A fitColumns 这是列自适应
fit 这是table自适应

Jquery EasyUI Editable DataGrid如何绑定combogrid控件

Jquery EasyUI Editable DataGrid如何绑定combogrid控件,代码如下,双击edatagrid控件下拉框没有出现
$.extend($.fn.datagrid.defaults.editors,
combogrid:
init: function(container, options)
var input = $('<input type="text" class="datagrid-editable-input">').appendTo(container);
input.combogrid(options);
return input;
,
destroy: function(target)
$(target).combogrid('destroy');
,
getValue: function(target)
return $(target).combogrid('getValue');
,
setValue: function(target, value)
$(target).combogrid('setValue', value);
,
resize: function(target, width)
$(target).combogrid('resize',width);


);
top.$('#detail').edatagrid(
columns: [[
title: '类型/项目', field: 'KeyId', width: 310,editor:"type:'combogrid',options:mode: 'remote',url: 'sys/ashx/dichandler.ashx?categoryId=8',idField: 'KeyId',textField: 'Title',columns: [[ field: 'KeyId', title: '编号', width: 50, sortable: true, hidden: true , field: 'Title', title: '市县', width: 100, sortable: true ]]" ,
]]
);
,

<th data-options="field:'stockStatusId', width:100, align:'center',editor:type:'combobox',options:url:'/item/item',valueField:'id',textField:'name',editable:false">下拉列表</th>

直接在表格中写就可以了

参考技术A 把图片和代码贴出来
等我测试一下。。。追问

追答

你说的下拉框是属于哪个插件的。。

追问

Jquery EasyUI里的combogrid

本回答被提问者采纳

以上是关于jquery easyUI datagrid如何让宽度自适应的主要内容,如果未能解决你的问题,请参考以下文章

jquery easyui datagrid 怎么让里面的数据行默认都是可编辑

jquery easyui 怎么让datagrid中编码转换为指定汉字。例如 0改为正常 1 改为不正常

jQuery EasyUI教程之datagrid应用

jQuery EasyUI教程之datagrid应用

jQuery EasyUI教程之datagrid应用

jQuery easyUI easyui-datagrid 选中指定内容的行