jquery easyUI datagrid如何让宽度自适应

Posted 2023-04-03

添加表格属性：

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

本回答被提问者采纳