Title: datagrid fitColumns not working
Post by: ems2811 on April 15, 2015, 11:05:35 AM
Hello <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
Title: Re: datagrid fitColumns not working
Post by: jarry on April 15, 2015, 05:42:38 PM
The column width is required when using the 'fitColumns' in datagrid. Please try this code instead. <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>
Title: Re: datagrid fitColumns not working
Post by: ems2811 on April 16, 2015, 09:56:35 AM
Thank you
|