EasyUI Forum
November 05, 2025, 03:41:55 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: datagrid fitColumns not working  (Read 13112 times)
ems2811
Newbie
*
Posts: 10


View Profile
« on: April 15, 2015, 11:05:35 AM »

Hello
Code:
<html>
<head>
<meta charset="UTF-8">
<title>Test page</title>
<link rel="stylesheet" type="text/css" href="./jquery-easyui-1.4.2/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="./jquery-easyui-1.4.2/themes/icon.css">
<link rel="stylesheet" type="text/css" href="./jquery-easyui-1.4.2/demo/demo.css">
<script type="text/javascript" src="./jquery-easyui-1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="./jquery-easyui-1.4.2/jquery.easyui.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#dg').datagrid({
columns:[[
{field:'id',title:'id field'},
{field:'code',title:'code field'}
]],
fitColumns: true
});
});
</script>
</head>
<body>
<table id="dg" class="easyui-datagrid" title="Test" style="width:500px"></table>
</body>
</html>
fitColumns not work regardless of the availability of data in the table
Logged
jarry
Administrator
Hero Member
*****
Posts: 2300


View Profile Email
« Reply #1 on: April 15, 2015, 05:42:38 PM »

The column width is required when using the 'fitColumns' in datagrid. Please try this code instead.
Code:
<script type="text/javascript">
    $(document).ready(function(){
        $('#dg').datagrid({
            columns:[[
                {field:'id',title:'id field',width:100},
                {field:'code',title:'code field',width:100}
            ]],
            fitColumns: true
        });
    });
</script>
Logged
ems2811
Newbie
*
Posts: 10


View Profile
« Reply #2 on: April 16, 2015, 09:56:35 AM »

Thank you
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!