Question

JAVA easyui datagrid 样式问题

$("#datagridList").datagrid({ iconCls : "icon-add", fitColumns : false, //设置为true将自动使列适应表格宽度以防止出现水平滚动,false则自动匹配大小 idField : 'id', //标识列，一般设为id，可能会区分大小写， url: '${pageContext.request.contextPath}/api/TenderSearchAPI.json', loadMsg : "正在努力为您加载数据", pagination:true, columns : [ [ { field : 'tender_title', title : '产品名称', width : 100, formatter :listFormater }, { field : 'enroll_end_date', title : '报名截止日期', width : 100, }, { field : 'tender_end_date', title : '投标截止日期', width : 100, }, { field : 'enroll_count', title : '报名', width : 100, size : 1, }, { field : 'enroll_count', title : '入围', width : 100, size : 1, }, { field : 'enroll_count', title : '投标', width : 100, size : 1, } , { field : 'enroll_count', title : '中标', width : 100, size : 1, }, { field : 'enroll_count', title : '阶段', width : 100, size : 1, }, { field : 'enroll_count', title : '操作', width : 100, size : 1, } ] ], loadFilter: function(data) { var datax = {}; if (data.total && data.total > 0) { datax.total = data.total; datax.rows = data.tenders; } else { datax.total = 0; datax.rows = new Array(); } return datax;
}这个是datagrid的生成代码，效果如下，请问该怎么把画红圈的地方变小写？就是把这个datagrid的宽度变小。图如下

Answer 1

找这段代码设置宽度的地方啊。fitColumns : false, //设置为true将自动使列适应表格宽度以防止出现水平滚动,false则自动匹配大小改为true或者写数字看看

Answer 2

把最外层的设个大小就可以了吧

追问

请问可以提供代码吗？我不太会前台你这么说我有点不知道在哪里添加

追答

你在columns的外面添加高和宽试试看啊或者添加一个使用jquery的style，我现在这里没有环境
这样看看

$('#tt').datagrid({
title: 'DataGrid - ContextMenu',
width: 700,
height: 'auto',
fitColumns: true,
columns:[[